jquery 使用NEXT()获取SPAN文本

0mkxixxg  于 2023-06-22  发布在  jQuery
关注(0)|答案(1)|浏览(190)

我有以下代码:

<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>

我需要从span id=3获取文本,这是我所拥有的:

function GetValue() {
     var get_text= $(this).next().find("#3").text();
     alert(get_text);
  }
aoyhnmkz

aoyhnmkz1#

首先,你可以直接使用id选择器获取文本,如下所示

$('#myId').text();

第二个id属性的值不应以数字开头。它必须以字符开头,然后可以跟数字。
代码的问题是$(this)基本上是一个window对象,而不是触发单击的span
所以你需要像这样的东西

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>

Js Fiddle Demo

相关问题