tdテキストを設定しようとしています

Question

jqueryがtdを設定しないのはなぜですか？

$("td")[0].text("hello"); 

以下、先行する検索：

var array = [1,2,3,4,5,6]; 
var counter = 0; 
while(array.length) { 
    var index = Math.floor(Math.random()*array.length); 
    //alert(array[index]); // Log the item 
    //$('td').index(counter).html(index); 
    $("td")[0].text("hello"); 
    array.splice(index, 1); // Remove the item from the array 
    counter++; 
    //alert(array); 
} 

JSFiddle https://jsfiddle.net/o3c66fz8/4/

Answer 1

代わり$("td").eq(0).text("hello");を使用しています。

var array = [1,2,3,4,5,6]; 
 
    var counter = 0; 
 
    while(array.length) { 
 
      var index = Math.floor(Math.random()*array.length); 
 
     //alert(array[index]); // Log the item 
 
     //$('td').index(counter).html(index); 
 
     $("td").eq(index).text("hello"); 
 
     array.splice(index, 1); // Remove the item from the array 
 
     counter++; 
 
     //alert(array); 
 
    }

td 
 
{ 
 
padding: 2em; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table border="1"> 
 
<tr> 
 
<td>r1c1</td><td>r1c2</td><td>r1c3</td> 
 
</tr> 
 
<tr> 
 
<td>r2c1</td><td>r2c2</td><td>r3c3</td> 
 
</tr> 
 
</table>

[0]を使用することにより、通常のJavaScript要素に変更するため、jQueryの機能を失っています。

Answer 2

あなたがTDを使用することができます：最初のTD

var array = [1,2,3,4,5,6]; 
 
    var counter = 0; 
 
    while(array.length) { 
 
      var index = Math.floor(Math.random()*array.length); 
 
     //alert(array[index]); // Log the item 
 
     //$('td').index(counter).html(index); 
 
     $("td:first").text("hello"); 
 
     array.splice(index, 1); // Remove the item from the array 
 
     counter++; 
 
     //alert(array); 
 
    }

td 
 
{ 
 
padding: 2em; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table border="1"> 
 
<tr> 
 
<td>r1c1</td><td>r1c2</td><td>r1c3</td> 
 
</tr> 
 
<tr> 
 
<td>r2c1</td><td>r2c2</td><td>r3c3</td> 
 
</tr> 
 
</table>

を取得する最初の