javascript - JQuery スプライス DOM 要素

Question

ネイティブの Array.splice によく似たスプライスメソッドを実行したいのですが、DOM 要素の jQuery コレクションをスプライスしたいと考えています。これはどのようにきれいに行われますか？

編集: なぜサンプルコードが必要なのですか? ECMAScript Array.splice 関数とまったく同じ機能を探していますが、DOM 要素の jQuery 配列で機能し、完了したら DOM を更新することを除きます。

score 2 · Accepted Answer

コレクションの結合後に DOM コレクションを使用している場合は、そのコレクションで DOM をリロードして変更を有効にする必要があります。

したがって、ライブ変更には append および remove キーワードを使用してください。これは、コレクションのスプライスと同じです。

score 1 · Accepted Answer

jQuery で要素を選択すると、実際には要素の配列が得られます。これは、通常の JavaScript 配列および jQuery オブジェクトとして扱うことができます。配列が jQuery オブジェクトであることを確認するには、への呼び出しでそれをラップできますjQuery()。例えば：

var x = jQuery('p'),
    y = jQuery(x.splice(x.length / 2, x.length));

x.css('background-color', 'red');
y.css('background-color', 'blue');

x前半の<p>タグが含まれており、すべてのタグの背景が赤になり、後半のタグyが青の背景になっています。

ここにいくつかの証拠があります。

また、タグを混在させても問題はありません (たとえば<p>、<div>タグを配列に入れることができ、jQuery は期待どおりに動作します)。ここを参照してください。

2 に答える 2