仅选择父对象

Select only parent

本文关键字：对象 选择      更新时间：2023-09-26

我试图在单击父div时切换父div。但是我想防止子div或元素触发函数。我该怎么做？

//javascript (jquery enabled)
function toggle(parent_id) {
  $('.'+parent_id).toggle();
}
<!-- html -->
<div class="parent parent1" onclick="toggle('parent1')">
  <div class="child1"></div>
  <div class="child2"></div>
</div>
<div class="parent parent2" onclick="toggle('parent2')">
  <div class="child1"></div>
  <div class="child2"></div>
</div>

谢谢！

UPDATE：我试图切换特定的div，因此使用一个函数来传递特定的父id。

即。如果单击parent1，parent1将切换；如果单击parent2，parent2将切换

以下操作应该完成：

$(".parent").click(function(e) {
    if (e.target == this) {
        $(this).toggle();
    }
});

演示：http://jsfiddle.net/Md4U5/

这很简单，只需扩展@VisioN的答案，确保所有这些div都有一个parent:类

$("[class~=parent]").click(function(e) {
    if (e.target == this) {
        $(this).toggle();
    }
});
相关文章：