在JQuery中选择不具有相同类的父级的元素
我在访问jQuery中的元素时遇到问题。请注意,这是一个动态嵌套列表,因此触发器在文档中是指向的。问题是,当我试图触发鼠标事件时,如果它是子事件,它也会调用父值在JQuery中选择不具有相同类的父级的元素,jquery,Jquery,我在访问jQuery中的元素时遇到问题。请注意,这是一个动态嵌套列表,因此触发器在文档中是指向的。问题是,当我试图触发鼠标事件时,如果它是子事件,它也会调用父值 <ul> <li class="item">list item 1</li> <li class="item">list item 2 <ul> <li class="item">list item 99999
<ul>
<li class="item">list item 1</li>
<li class="item">list item 2
<ul>
<li class="item">list item 9999999</li>
<li class="item">list item 2</li>
<li class="item">list item 3</li>
<li class="item">list item 4</li>
<li class="item">list item 5</li>
</ul>
</li>
<li class="item">list item 3</li>
<li class="item">list item 4</li>
<li class="item">list item 5</li>
</ul>
<script>
$(document).on('mouseup', '.item', function() {
console.log($(this).text());
});
</script>
我只想针对特定元素,即使它与父元素具有相同的类。在DOM树中使用方法阻止
- 列出第1项
- 列出第2项
- 列出项目9999999
- 列出第2项
- 列出第3项
- 列出第4项
- 列出第5项
- 列出第3项
- 列出第4项
- 列出第5项
$(document).on('mouseup','.item',函数(e){
e、 停止传播();
console.log($(this.text());
});
list item 9999999
list item 2
$(document).on('mouseup', '.item', function(e) {
e.stopPropagation();
console.log($(this).text());
});