javascript - 单击 Div 类时，提示它是内部内容的 Div 类

Question

我什至怎么放这些，让我试试。在下面的代码集中，我想单击“parentclass”并具有“child1”的警报值，当我单击其下方的类“Parent 2”时，会触发值为“child2”的警报

所以这必须只提醒那个类(class)的内容，而不是整个类(class)。

这是 Jquery 中的一些 Javascript。

var childclass = $('.childclass').html();
$('.parentclass').click(function(e) {
    alert (childclass)
});
$('.childclass').click(function(e) {
    e.stopPropagation()
    e.preventDefault()
});

和 HTML

<a href="" onClick="return false">
    <div class='parentclass'>
       Parent 1
    <div style="display:none" class="childclass">child1</div>
  </div>
</a>
<a href="" onClick="return false">
    <div class='parentclass'>
      Parent 2
    <div style="display:none" class="childclass">child2</div>
 </div>
</a>

Answer 1

这一行 var childclass = $('.childclass').html(); 没有意义，因为它不知道您具体指的是哪个元素。其结果将只是 child1child2，它只是所有具有类 childclass 的元素的 .html() 的串联。这显然不是您想要的。

因此，您应该在收到点击事件时动态地找到具有 childclass 类的 child 。

$('.parentclass').click(function(e) {
    alert($(this).find('.childclass').html())
});

此外，您应该知道您的子类事件处理程序是无用的，因为我们不关心事件是否向下传播。如果您确实关心，那么您的 e.stopPropagation() 和 e.preventDefault() 应该在父类的事件处理程序中。