jQuery match only part of id from div

Question

I ran into an unusual situation yesterday night.

I need to match only part of id. Let me clear you all with an example

I have few divs like

Answer 1

You could use the "Starts With" selector:

$('div[id^="sales_info_"]')

I'd rather recommend you use a unique class name for your elements that you can select on though.

Answer 2

You want the attribute starts with selector:

$('div[id^="sales_info"]').bind( ... );

Answer 3

You can use css selector

try this code

html

<div id="sales_info_1"></div>
<div id="user_info_1"></div>
<div id="sales_info_2"></div>
<div id="user_info_2"></div>
<div id="sales_info_3"></div>
<div id="user_info_3"></div>

css

.red{
    display:block; 
    float:left; 
    width:50px; 
    height:20px; 
    background-color:#FF0000;}
.blue{
    display:block; 
    float:left; 
    width:50px; 
    height:20px; 
    background-color:#0000FF;}

jquery

$('div[id^="sales"]').addClass('red');
$('div[id^="user"]').addClass('blue');

css selector ^= will select div with ID that start with the specified value and add the css style.

Answer 4

Alternatively, add class="sales_info" to your HTML mark-up.

Then, do this:

$(".sales_info").bind("click", function() {
   ...
}

Answer 5

Try with this

$("div[id^='sales_info_']").bind( ... );

Answer 6

I actually needed the end-with effect and found it here. It's easily used as follows:

<script>
$( "input[name$='letter']" ).val( "a letter" );
</script>

You just replace the ^ with $ in the selector.