Jquery 使用NEXT()获取跨度文本
我有以下代码:Jquery 使用NEXT()获取跨度文本,jquery,next,Jquery,Next,我有以下代码: <div> <span id='1' onclick="GetValue();">Some value</span> <span id='2'>Some Span <span id='3'>Want this text</span> </span> </div> <div> <span id='1' onclick="Ge
<div>
<span id='1' onclick="GetValue();">Some value</span>
<span id='2'>Some Span
<span id='3'>Want this text</span>
</span>
</div>
<div>
<span id='1' onclick="GetValue();">Some value</span>
<span id='2'>Some Span
<span id='3'>Want this text</span>
</span>
</div>
首先,您可以像这样使用
id
选择器直接获取文本
$('#myId').text();
function GetValue(element) {
var get_text= $(element).next().find("#three").text();
alert(get_text);
}
第二个id
属性的值不应以数字开头。它必须以字符开头,然后可以后跟数字
代码的问题在于,$(this)
基本上是一个窗口
对象,而不是触发单击的span
所以你需要这样做
$('#myId').text();
function GetValue(element) {
var get_text= $(element).next().find("#three").text();
alert(get_text);
}
使用HTML
<span id='one' onclick="GetValue(this);">Some value</span>
<span id='two'>Some Span
<span id='three'>Want this text</span>
</span>
一些值
一些跨度
想要这个文本吗
首先,
这个
几乎不应该被引用。第二,当您可以直接通过id选择跨度时,为什么要使用遍历方法<代码>$(“#3”)最后,这并不是你想象的那样。很抱歉,这里没有引号。我纠正了它。在任何情况下,如何获取ID=3文本?这不是您所认为的由于调用函数的方式,此
将引用窗口对象。对于这样的内联函数,您需要使用GetValue(this)传递span元素代码>以便能够引用它。