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

Question

我有这个代码，我想提醒＆＃34;第一个div＆＃34;当我点击第一个对象上的按钮和＆＃34;第二个div＆＃34;当我点击第二个对象上的按钮。 。

我将如何做？谢谢:)）

＆＃13;

＆＃13;

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

});

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

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>