jquery - 正確な位置がわかっている場合、どのようにして列またはセルをテーブルの行に追加できますか

Question

追加する行と列が正確にわかっているため、テーブルの行に列を追加しようとすると問題が発生します

行と列のインデックスを取得したので、データがどこに追加されるかがわかります

例私は4行3列のテーブルを持っています

行2のセルにデータを追加したい3

2ループを使用してJqueryまたはJavascriptでそれを行うにはどうすればよいですか

Answer 1

これがサンプルhttp://jsfiddle.net/uwYxU/8/です。

HTML：

<table id="mytable" cellspacing="5" cellpadding="5" border="1">
  <tr>
    <td>a1</td>
    <td>a2</td>
    <td>a3</td>
  </tr>
  <tr>
    <td>b1</td>
    <td>b2</td>
    <td>b3</td>
  </tr>
  <tr>
    <td>c1</td>
    <td>c2</td>
    <td>c3</td>
  </tr>
  <tr>
    <td>d1</td>
    <td>d2</td>
    <td>d3</td>
  </tr>
</table>

jQuery：

$('#mytable tr').eq(1).find('td:eq(2)').css({border:'1px solid red'}).text('my data');

また

$('#mytable tr:eq(1) td:eq(2)').css({border:'1px solid red'}).text('my data');

jQueryでは、eq（0）は最初の要素を返し、eq（1）は2番目の要素を返します。これは配列と同じで、0から始まります。

編集：あなたのコメントへの応答は 、セレクターが次のようなものを見つけたかどうかを確認できます：

var selector = $('#mytable tr:eq(1) td:eq(2)');
if(selector.length>0) {
   // Apply styling or other rules
} else {
   // create the missing element and append it
   var missingElement = $('<td>this was missing</td>');
   $('#mytable tr:eq(1)).append(missingElement);
}