jqueryのオブジェクト配列elements_jqueryの操作方法を詳しく解説

コードは次のとおりです:

コードをコピーします コードは次のとおりです:

a
b
c

1. 間違ったメソッド : 次のように [] メソッドを使用して jquery オブジェクト配列を取得することはできません。

コードをコピーします コードは次のとおりです:

$(function() {
var div_span = $("#div1 スパン");
for( var i = 0; i < div_span.length; i ) {
div_span.[i].html(i);
}
});

これは機能しません。

2. jquery の eq() メソッド

を使用して、次のことを選択できます。

コードをコピーします コードは次のとおりです:

for( var i = 0; i < div_span.length; i ) {

div_span.eq(i).html(i);
}

3. each() メソッドを使用して :

を走査できます。

コードをコピーします コードは次のとおりです: $(function() {

var div_span = $("#div1 スパン");

var i = 0;
div_span.each( function(){
$(this).html(i);
私;
});
});



each() をトラバースするときに、$(this) を使用すると、jquery オブジェクトが取得されます。this を直接使用すると、DOM オブジェクトが取得されます。

4

。純粋な JS コードで取得された DOM オブジェクト配列

、[] を使用して配列要素を取得できます

最後の 3 つの方法は正しく、最初の方法は間違っています。今後同じ間違いを犯してはいけないことを強調したいからです。注意してください。