使用此变量获得空白值

使用此运算符在单击锚点标记时获得空白值。我有多个同一类的divs为什么我使用.each()函数，我不知道我在哪里做错了。输出应该是，在点击一个第一值应该出现在输入等这里是我的代码使用此变量获得空白值

$(document).ready(function(){ 
 
    $('.main').each(function(){ 
 
    $('a',this).click(function(){ 
 
     $val = $('p',this).text(); 
 
     $("#aarti").val($val); 
 
     alert($val); 
 
    }); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="main"> 
 
    <p>value one</p> 
 
    <div id="sub" style="display: block;"> 
 
    <p><a href="#" data-toggle="modal" data-target="#myContactModal">CLICK ONE</a></p> 
 
    </div> 
 
</div> 
 
<div class="main"> 
 
    <p>value two</p> 
 
    <div id="sub" style="display: block;"> 
 
    <p><a href="#" data-toggle="modal" data-target="#myContactModal">CLICK TWO</a></p> 
 
    </div> 
 
</div> 
 
<div class="main"> 
 
    <p>value three</p> 
 
    <div id="sub" style="display: block;"> 
 
    <p><a href="#" data-toggle="modal" data-target="#myContactModal">CLICK THREE</a></p> 
 
    </div> 
 
</div> 
 
<div class="main"> 
 
    <p>value four</p> 
 
    <div id="sub" style="display: block;"> 
 
    <p><a href="#" data-toggle="modal" data-target="#myContactModal">CLICK FOUR</a></p> 
 
    </div> 
 
</div> 
 
<input type="text" id="aarti" />

来源

2016-10-14 sachin zade

感谢您的努力，但我不想要锚标记的价值。 –

你需要遍历高达父main元素，然后针对其子p元素

jQuery(document).ready(function() { 
 
    $('.main a ').click(function(e) { 
 
    e.preventDefault(); 
 
    var $val = $(this).closest('.main').children('p').text(); 
 
    $("#aarti").val($val); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="main"> 
 
    <p>value three</p> 
 
    <div id="sub" style="display: block;"> 
 
    <p><a href="#" data-toggle="modal" data-target="#myContactModal">CLICK THREE</a> 
 
    </p> 
 
    </div> 
 
</div> 
 
<div class="main"> 
 
    <p>value four</p> 
 
    <div id="sub" style="display: block;"> 
 
    <p><a href="#" data-toggle="modal" data-target="#myContactModal">CLICK FOUR</a> 
 
    </p> 
 
    </div> 
 
</div> 
 

 

 
<input type="text" id="aarti" />

来源

2016-10-14 09:27:43 Satpal

非常感谢你的工作。 :) –

有通过主类不需要循环。只需点击你想要的主this会得到它，能为你

做休息试试这个：

$(document).on('click','.main',function(){ 
    $("#aarti").val($(this).find('p').html()); 
});

来源

2016-10-14 09:26:54

$('.main').on('click', 'a', function(e) { 
     var $val = $(this).find('p').text();   
     alert($val); 
});

应该帮忙

来源

2016-10-14 09:27:55 LittleHoopoe

使用此变量获得空白值

回答

相关问题