get ids end with any string from given array of strings

Question

i found a link to get the id's which are ending with a specific string.

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

How can we get the id's if ending strings are many. Like i have an array of strings and want all id's that are ending with anyone of these strings.

Thank's

score 3 · Accepted Answer · answered Dec 13 '12 at 10:08

3

You can combine selector with different endings with comma.

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

When you have different ending and same start use start.

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

When you have some text common but not sure if it is in start or end or middle use *

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

answered Dec 13 '12 at 10:08

Adil

146,340
25
209
204

Not the case all have different starts , – Mansoor Jafar Dec 13 '12 at 10:09
I have updated my answer, you can combine multiple selectors. – Adil Dec 13 '12 at 10:10
i have an array dynamically generated, thou i can make this selector string first in a loop and than can use, but hopefully there must be a good solution.?? – Mansoor Jafar Dec 13 '12 at 10:13
@mansoor if you want to create the selector via your array check my answer below – Rory McCrossan Dec 13 '12 at 12:32

score 1 · Answer 2 · answered Dec 13 '12 at 10:14

If you have an array of strings containing the ending of the id you can loop over them and add them to a collection. Try this:

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");

score 0 · Answer 3 · answered Dec 13 '12 at 10:10

Build up the selector first:

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 += ",";
}

Then do the selection:

var el = $(selector);

score 0 · Answer 4 · answered Dec 13 '12 at 10:12

So you have an array of endings

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

You can use the jquery .map() function to build up a multiple selector (separated by a comma)

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

Then use the selector:

var $elements = $(selector);

get ids end with any string from given array of strings

4 Answers4