Javascript 获取锚定标记中写入的文本

Javascript 获取锚定标记中写入的文本,javascript,jquery,Javascript,Jquery,如果我知道复选框$(#c1)的ID,那么如何获取锚定标记的文本?如果锚定标记具有如示例中所示的ID,则$('#a1').text()应该可以做到这一点。像这样: <td class="td1"> <input name="CheckBox" id="c1" type="checkbox" CHECKED="" value="on"/> <a class="a_c" id="a1"> </td> $('#c1').next(“a”).text();

如果我知道复选框
$(#c1)
的ID,那么如何获取锚定标记的文本?

如果锚定标记具有如示例中所示的ID,则
$('#a1').text()应该可以做到这一点。

像这样:

<td class="td1">
<input name="CheckBox" id="c1" type="checkbox" CHECKED="" value="on"/>
<a class="a_c" id="a1">
</td>
$('#c1').next(“a”).text();
首先,你必须写一个关闭这个标签

$('#c1').next("a").text(); 如果锚点没有id且将始终位于复选框之后(可由其他标记分隔)

否则if将是checkbox的同级,并且在这个分支中是一个锚(不一定只是在checkbox之后)


若您并没有使用jQuery,那个么下面这行代码会有所帮助

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

我添加了一个纯Javascript答案,它不依赖于
.innerHTML
,这可能比适当的DOM级访问器慢得多。这还假设您正在检索HTML自由内容

使用带有完整a标记的原始问题:

document.getElementById('a1').innerHTML
如果您需要支持Internet Explorer 8或更低版本,则必须有选择地使用IE 6-8的
.innerText
,或坚持使用
.innerHTML
.innerText
暂时不受Firefox支持,因此除了IE 6-8之外,它不应该用于任何东西

$("#a1").text()
$('#c1').next("a").text();
 $('#c1').parent().find("a").text();
document.getElementById('a1').innerHTML
<td class="td1">
<input name="CheckBox" id="c1" type="checkbox" CHECKED="" value="on"/>
<a class="a_c" id="a1">Something wonderful</a>
</td>
document.getElementById("a1").textContent;