如何在jqueryonclick中获取嵌套的ulli文本
如何在jquery的如何在jqueryonclick中获取嵌套的ulli文本,jquery,Jquery,如何在jquery的onclick中获取嵌套ulli文本中的文本 我的代码如下: 单击li时,我需要获取当前li文本 $('.selectRow li')。在('click',function()上{ var textSelected=$(this).text(); console.log(textSelected) }) 测试-1 测试-2 测试-3 测试-3.1 测试-3.2 测试-3.3 测试-3.4 测试-4 测试-5 测试-6 测试-6.1 测试-6.2 测试-6.3 测
onclick
中获取嵌套ulli文本中的文本
我的代码如下:
单击li时,我需要获取当前li文本
$('.selectRow li')。在('click',function()上{
var textSelected=$(this).text();
console.log(textSelected)
})
- 测试-1
- 测试-2
- 测试-3
- 测试-3.1
- 测试-3.2
- 测试-3.3
- 测试-3.4
- 测试-4
- 测试-5
- 测试-6
- 测试-6.1
- 测试-6.2
- 测试-6.3
- 测试-6.4
由于您没有得到我为您找到的解决方案,我为您举了一个例子:
$('.selectRow li').on('click', function(e) {
if (e.target == e.currentTarget) {
var textSelected = $(this)
.clone() //clone the element
.children() //select all the children
.remove() //remove all the children
.end() //again go back to selected element
.text()
.trim();
console.log(textSelected);
}
})
这将只返回单击的li
演示
$('.selectRow li')。在('click',函数(e)上{
如果(e.target==e.currentTarget){
var textSelected=$(此)
.clone()//克隆元素
.children()//选择所有子项
.remove()//删除所有子项
.end()//再次返回到所选元素
.text()
.trim();
console.log(textSelected);
}
})
- 测试-1
- 测试-2
- 测试-3
- 测试-3.1
- 测试-3.2
- 测试-3.3
- 测试-3.4
- 测试-4
- 测试-5
- 测试-6
- 测试-6.1
- 测试-6.2
- 测试-6.3
- 测试-6.4
由于您没有得到我为您找到的解决方案,我为您举了一个例子:
$('.selectRow li').on('click', function(e) {
if (e.target == e.currentTarget) {
var textSelected = $(this)
.clone() //clone the element
.children() //select all the children
.remove() //remove all the children
.end() //again go back to selected element
.text()
.trim();
console.log(textSelected);
}
})
这将只返回单击的li
演示
$('.selectRow li')。在('click',函数(e)上{
如果(e.target==e.currentTarget){
var textSelected=$(此)
.clone()//克隆元素
.children()//选择所有子项
.remove()//删除所有子项
.end()//再次返回到所选元素
.text()
.trim();
console.log(textSelected);
}
})
- 测试-1
- 测试-2
- 测试-3
- 测试-3.1
- 测试-3.2
- 测试-3.3
- 测试-3.4
- 测试-4
- 测试-5
- 测试-6
- 测试-6.1
- 测试-6.2
- 测试-6.3
- 测试-6.4
这里是解决方案
您可以使用事件对象的stopPropagation
方法:
$(文档)。在('单击','上。选择行李',函数(e){
e、 停止传播();
log('单击了li元素');
})
- 测试-1
- 测试-2
- 测试-3
- 测试-3.1
- 测试-3.2
- 测试-3.3
- 测试-3.4
- 测试-4
- 测试-5
- 测试-6
- 测试-6.1
- 测试-6.2
- 测试-6.3
- 测试-6.4
这里是解决方案
您可以使用事件对象的stopPropagation
方法:
$(文档)。在('单击','上。选择行李',函数(e){
e、 停止传播();
log('单击了li元素');
})
- 测试-1
- 测试-2
- 测试-3
- 测试-3.1
- 测试-3.2
- 测试-3.3
- 测试-3.4
- 测试-4
- 测试-5
- 测试-6
- 测试-6.1
- 测试-6.2
- 测试-6.3
- 测试-6.4
可能重复的@CarstenLøvboAndersen抱歉我没有收到你可以更新我的代码可能重复的@CarstenLøvboAndersen抱歉我没有收到你可以更新我的code@techie18没问题,乐意效劳help@techie18没问题,很乐意帮忙