获取文本写在锚标记

Question

<td class="td1"> 
<input name="CheckBox" id="c1" type="checkbox" CHECKED="" value="on"/> 
<a class="a_c" id="a1"> 
</td> 

如果我知道复选框$(#c1)的ID，那么我怎么能得到锚标记的文本？

Answer 1

首先，你必须写一个接近这个标签

<input name="CheckBox" id="c1" type="checkbox" CHECKED="" value="on"/> 
<a class="a_c" id="a1"> Something </a> 

锚具有ID分配尚未因此你可以直接得到访问：

$("#a1").text() 

如果锚没有id并且会始终复选框后（可以通过其他标签分开）

$('#c1').next("a").text(); 

否则，如果将复选框的同胞和在该分支是一个锚（不一定只是复选框后）

$('#c1').parent().find("a").text(); 

Answer 2

如果您的示例中的锚标记具有ID，那么$('#a1').text();应该做的。

Answer 3

像这样：

$('#c1').next().text(); 

Answer 4

 
$('#c1').next("a").text(); 

Answer 5

如果你不使用jQuery，那么下面的行会有帮助。

document.getElementById('a1').innerHTML 

Answer 6

我加入一个纯JavaScript的答案是不依赖于.innerHTML，可以比适当的DOM级别存取慢得多。这也假设你正在检索HTML免费内容。

使用具有完整标签原题：

document.getElementById("a1").textContent; 

如果您需要支持Internet Explorer 8或更低，你用”：

<td class="td1"> 
<input name="CheckBox" id="c1" type="checkbox" CHECKED="" value="on"/> 
<a class="a_c" id="a1">Something wonderful</a> 
</td> 

利用锚标签的ID的Javascript必须有选择地使用.innerText IE 6-8，或坚持.innerHTML。 .innerText有一段时间不被Firefox支持，所以它不应该用于除IE 6-8以外的其他任何内容。