jquery - 指定された文字列配列から任意の文字列でIDを取得します

Question

特定の文字列で終わるIDを取得するためのリンクを見つけました。

  $("element[id$='txtTitle']")

終了文字列が多い場合、どうすればIDを取得できますか。私が文字列の配列を持っていて、これらの文字列のいずれかで終わるすべてのIDが必要なように。

ありがとう

Answer 1

endingsセレクターと別のセレクターをコンマで組み合わせることができます。

$("element[id$='txtTitle1'],  element[id$='txtTitle2'])")

エンディングが異なり、同じstart使用を開始する場合。

$("element[id^='txtTitle']")

あなたがいくつかのテキストを持っているcommonが、それが開始または終了または中間の使用であるかどうかわからないとき*

 $("element[id*='txtTitle']")

Answer 2

の末尾を含む文字列の配列がある場合は、idそれらをループしてコレクションに追加できます。これを試して：

var $elements = $(); // empty jQuery object
var ids = ["txtTitle", "txtFirstname", "txtLastName"];
$.each(ids, function(index, value) {
    $elements.add("element[id$='" + value + "']");
});

// $elements is now a collection you can use eg:
$elements.css("background-color", "#C00");

Answer 3

最初にセレクターを作成します。

var endings = ["a","b","c"];
var selector = "";

for(var i = 0, len = endings.length; i < len; i++) {
   selector += "element[id$='" + endings[i] + "']";

   if (i != (endings.length - 1)) selector += ",";
}

次に、選択を行います。

var el = $(selector);

Answer 4

だからあなたはエンディングの配列を持っています

var arr = ["ending1","ending2"];

jquery.map()関数を使用して、複数のセレクター（コンマで区切る）を作成できます。

var selector = $.map(arr,function(i,e){return "element[id$='" + e + "']";})
                .join(",");
// result: "element[id$='ending1'],element[id$='ending2']"

次に、セレクターを使用します。

var $elements = $(selector);