テーブルまたはプラグインでクラス/ IDがありません。いくつかのダミー値を持つ4列8行の単純なテーブル。テーブルの3番目の列から行の値を取得する
テーブルの3列目の行の値を取得するにはどうすればよいですか。
誰でもjqueryの構文を記述してください。
誰でも、jqueryのテーブル操作に関するオンラインチュートリアルを知っています。プラグインはありませんか?
テーブルまたはプラグインでクラス/ IDがありません。いくつかのダミー値を持つ4列8行の単純なテーブル。テーブルの3番目の列から行の値を取得する
テーブルの3列目の行の値を取得するにはどうすればよいですか。
誰でもjqueryの構文を記述してください。
誰でも、jqueryのテーブル操作に関するオンラインチュートリアルを知っています。プラグインはありませんか?
<table>
<tr><td>One</td><td>Red</td></tr>
<tr><td>Two</td><td>Blue</td></tr>
<tr><td>Three</td><td>Green</td></tr>
</table>
これにより、3番目のテーブルの行要素の値が抽出され、配列に格納されます。
$(document).ready(function() {
var values = [];
$('table tr:nth-child(3) td').each(function() {
values.push($(this).html());
});
console.log(values);
});
あなたのテーブルの構造は、意味的に無傷である場合(すなわち:TR> TD)は、各TRにおける第三のTDをつかむためにjQueryのeach
ループを使用することができます。あなたが4列、8行のテーブルを持っていた、とあなたはそれぞれの行から3列目の外にテキストを取得したい場合は、以下を使用することができ、http://jsfiddle.net/sLtya/
を参照してください:
$('table tr td:nth-child(3)').text()
または、あなたの場合
$('table tr td:nth-child(3)').css('backgroundColor', '#efefef');
希望の結果が得られたら、各列に対してアクションを実行したいと考えています。私は質問がしばらく前に尋ねられたことを理解していますが、私はこれを行う方法を探していて簡単に解決策を見つけることができなかったので、これを分かち合いたいと思っています。
IDまたはクラスがない場合、テーブルを識別する唯一のセレクタは 'table'要素そのものです –