javascript - jQueryを使用してWebページ内の特定のID要素を取得する方法は?

Question

jQuery を使用して、現在の Web ページ (つまり、Web アプリ) でこれにアプローチする方法がわかりません。IDが文字列「_AB_Q_」に一致するすべての要素を、Webページに表示される順序で配列に追加できるようにしたいと思います

たとえば、Web ページ全体に散在するのは、次のインスタンスです。

<id="P1_AB_Q_101">...
<id="P1_AB_Q_102">...
<id="P1_AB_Q_103">...
<id="P1_AB_Q_104">... 
..
...
....
<id="P1_AB_Q_500">...

前述のように、ID がパターン「_AB_Q_」に一致する完全な ID 名のみを取得し、後で処理するためにこれらを配列に格納したいと考えています。

したがって、上記のテストデータを使用して、以下のみを返したいと思います。

P1_AB_Q_101
P1_AB_Q_102
P1_AB_Q_103
P1_AB_Q_104 
P1_AB_Q_500

score 1 · Accepted Answer

属性 contains セレクターを使用する必要があります: Ive created a Jsfiddle for you: http://jsfiddle.net/whizkid747/D2HS4/

$('[id*="_AB_Q_"]').each(function(){
    alert(this.getAttribute('id'));
});

score 0 · Accepted Answer

私のアプローチは次のようになります。

var ids = []
$("*").each(function(){
    if(this.id.match(/_AB_Q_/))
        ids.push(this.id)
});

他のワンスとほぼ同じですが、適応しやすいようにマッチ条件を分けました。:)

score 0 · Accepted Answer

属性 containsセレクターとmap関数を使用します。

var ids = $('[id*="_AB_Q_"]').map(function() { return this.id });

テストされていませんが、動作するはずです:)

score 0 · Accepted Answer

0

$('[id^="_AB_Q_"]').each(function(){
     console.log(this.getAttribute('id'));
});

于 2013-03-05T13:56:43.190 に答える

score -1 · Accepted Answer

$('[id^=_AB_Q_]').doSomeAction();

ID が指定された文字列で始まるかどうかをチェックします。

JQuery セレクターは CSS セレクターです。完全なリストについては、http://www.w3.org/TR/CSS2/selector.htmを確認してください。

編集：

// if the id = AB_Q_P1_100
// you can retrieve different parts of the id like this
var parts = $(this).attr('id').split('_');
var p = parts['3'];

5 に答える 5