如何在jquery中使用$ this来提醒值？

Question

我有这个代码，当我点击第一个对象上的按钮时，我想提醒“第一个div”的值，当我点击第二个对象上的按钮时，我想要“第二个div”。 。

我该怎么办？ 谢谢 ：）

 $(document).ready(function(e) { $('.clickme').click(function() { var selected = $(this).closest('.rel-wrap').find('.my-div').text; alert(selected); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script> <div class="main-wrapper"> <div class="rel-wrap"> <input type="button" class="clickme" value="click me"> <div class="my-div"> first div </div> </div> <div class="rel-wrap"> <input type="button" class="clickme" value="click me"> <div class="my-div"> second div </div> </div> 

Answer 1

1. 要获取元素的innerText，您需要使用text()方法，而不是属性
2. 您可以使用next() ，无需遍历父级来获取感兴趣的元素

演示

 $(document).ready(function(e) { $('.clickme').click(function() { var selected = $(this).next('.my-div').text(); alert(selected); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script> <div class="main-wrapper"> <div class="rel-wrap"> <input type="button" class="clickme" value="click me"> <div class="my-div"> first div </div> </div> <div class="rel-wrap"> <input type="button" class="clickme" value="click me"> <div class="my-div"> second div </div> </div> </div>