jqueryの

Question

を使用してTDセルの値を取得するにはどうすれば私はこのjQueryのコードを試してみましたが、ために動作しませんでした

<tr class="item-model-number"> 
    <td class="label">Item model number</td> 
    <td class="value">GL552VW-CN426T</td> 
</tr> 

クラスユーザおよびIDを持っている第一及び第二のTDからテキストを取得したいと思います私：

$(".item-model-number").find("td").each(function() { 
    var test = $(this).text(); 
    alert(test); 
} 

私はtr第二tdタグの中からGL552VW-CN426Tを取得します。

Answer 1

あなただけの正しい要素を得るためにあなたのセレクタを修正する必要があり

：あなたは常に値を含む第2 tdのタグを取得している場合は

$(".item-model-number .value").each(function() { 
 
    var value = $(this).text(); 
 
    console.log(value); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr class="item-model-number"> 
 
    <td class="label">Item model number</td> 
 
    <td class="value">GL552VW-CN426T</td> 
 
    </tr> 
 
</table>

Answer 2

、あなただけ使用することができますクラスセレクタを使用して$('.item-model-number .value')を使用してDOM要素を選択します。

tdタグをクラス名を使用せずに取得する場合は、$('.item-model-number td:nth-of-type(2)')を使用してn番目のタイプセレクタを実行できます。

DOM要素の内容を取得するには全部が$('.item-model-number .value').text()または$('.item-model-number td:nth-of-type(2)').text()