获取用Anchor标签编写的文本

Question

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

如果我知道复选框$(#c1)的ID，那么如何获取Anchor标签的文字？

Answer 1

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

document.getElementById('a1').innerHTML

Answer 2

首先你要写一个关闭这个标签

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

Anchor已分配id，因此您可以直接访问：

$("#a1").text()

如果锚没有id并且总是在复选框之后（可以用其他标签分隔）

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

否则，如果将是复选框的兄弟，并且在此分支中是一个锚（不一定只是在复选框之后）

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

Answer 3

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

Answer 4

我正在添加一个不依赖于.innerHTML的纯Javascript答案，这可能比正确的DOM级访问器慢得多。这也假设您正在检索HTML免费内容。

将原始问题与已完成的标记一起使用：

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

document.getElementById("a1").textContent;

如果您需要支持Internet Explorer 8或更低版本，则必须有选择地使用{6}的.innerText，或坚持使用.innerHTML。 Firefox暂时不支持.innerText，因此它不应该用于除IE 6-8之外的任何内容。

Answer 5

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

Answer 6

像这样：

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