javascript - 如何在 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>