javascript - 在jquery中获取被点击元素的文本

Question

我有以下 div，分为三层。我需要获取被点击元素的文本，例如他们点击了“123”，我将能够记录下来。

    <div class="Div1st">

      <div class="Di2ndv">
        <div class="Div3rd">123</div>
        <div class="Div3rd">abc</div>
      </div>

      <div class="Div2nd">
        <div class="Div3rd">def</div>
        <div class="Div3rd">456</div>
      </div>

    </div>

“类名”只是为了清楚地显示 div 的层次结构(层)

我尝试执行下面的代码，但它只能在 2nd Div 之前运行。如果我像在第 3 个 div 中那样深入，它不会显示任何内容。

    $(".Div1st > div").click(function (e) {
        alert($(this).find('div').text());
    });

Answer 1

当您使用时:

$(".1stDiv > div")

jQuery 仅获取 .1stDiv. 的子元素，即 2ndDiv。要获取所有 div，您可以使用:

$(".1stDiv div")

我当然不推荐使用 $(".1stDiv div")。相反，您应该给要单击的 div 元素一个类，并使用以下内容:

$(".clickableDiv", ".1stDiv")

更新:我会推荐这个:$(".clickableDiv", "#1stDiv")。这将为您提供更好的性能，因为 jQuery 中的 ID 比类(它们 native 使用 document.GetElementById)提供更好的性能。鉴于 '#1stDiv' 上下文元素将仅在该 div 中进行 jQuery 搜索。这将提供良好的性能。