Question

我有以下代码：

<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);
  }

Answer 1

首先，您可以使用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

使用NEXT获取SPAN文本（）

1 个答案: