アンカータグに書かれたテキストを取得する

Question

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

チェックボックスのIDを知っていれば、アンカータグのテキストはどのように取得できますか？

Answer 1

まず、近くにこのタグを記述する必要があり

アンカーは、idがまだ割り当てられていますので、あなたは直接のアクセスを得ることができます

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

：

$("#a1").text() 

アンカーにidがなく、常にチェックボックスの兄弟になる場合は、チェックボックスの後にそう

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

（他のタグによって分離することができる）と、そうでない場合は、このブランチに（単にチェックボックスの後に、必ずしもではない）1つのアンカー

$('#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

私は、適切なDOMレベルのアクセサよりもはるかに遅くなることが.innerHTMLに依存しない純粋なJavascriptの答えを、追加しています。これはまた、HTMLフリーのコンテンツを取得していることを前提としています。あなたは、Internet Explorer 8以下をサポートする必要がある場合は、」

document.getElementById("a1").textContent; 

：アンカータグからIDを使用して

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

Javascriptを：完成したタグを元の質問を使用して

IE 6-8では.innerTextを選択して使用するか、.innerHTMLを使用する必要があります。 .innerTextはしばらくFirefoxでサポートされていなかったので、IE 6-8以外では使用しないでください。