javascript - 获取父Div，然后获取里面的元素

Question

我有一些 html(请注意，此 HTML block 会随着内部数据的变化而重复):

            <div class="memberDiv" style="position:relative">
                <p class="myUserName"><strong>Jo Bloggs</strong></p>
                <p class="myJobTitle">Widget Maker</p>
                <p class="myCountry">England</p>
                <button class="memberMore">MORE INFORMATION</button>
            </div>

我在 java 中尝试做的是从 div 内部获取实际值(即 Jo Bloggs，Widget Maker，England)

这是我认为可行的方法:

$(".memberMore ").click(function (e) {
    e.preventDefault();
    //Get the 'parent' div (memberDiv)
    var myDiv = $(this).closest("div");
    alert($(myDiv).next(".myUserName").text());
    return false;
});

但是警告框显示“未定义”错误。

谁能抽出 5 分钟时间告诉我错误的方法吗？

谢谢， 克雷格

Answer 1

使用find()相反

$(".memberMore ").click(function(e) {
  e.preventDefault();
  //Get the 'parent' div (memberDiv)
  var myDiv = $(this).closest("div");
  console.log($(myDiv).find(".myUserName").text());
  return false;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<div class="memberDiv" style="position:relative">
  <p class="myUserName"><strong>Jo Bloggs</strong>
  </p>
  <p class="myJobTitle">Widget Maker</p>
  <p class="myCountry">England</p>
  <button class="memberMore">MORE INFORMATION</button>