jQuery solo coincide con parte de id de div

Question

Me encontré con una situación inusual ayer por la noche.

Necesito hacer coincidir solo una parte de la identificación. Déjenme todo claro con un ejemplo

tengo unos divs como

<div id="sales_info_1">... ...... ...... ...... ...</div> 
<div id="sales_info_2">... ...... ...... ...... ...</div> 
<div id="sales_info_3">... ...... ...... ...... ...</div> 

y jQuery va como

jQuery("div#dont_know_what_to_write_here").bind("click", function(){ 
    ... ...... ...... ...... ... 
}); 

tengo que coincidir sólo sales_info, ignorando _1, _2 o _anything , ¿alguien puede sugerirme cómo lograr esto?

Gracias

Answer 1

podría utilizar el "Starts With" selector:

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

prefiero recomiendo que utilice un nombre de clase única para sus elementos que se puede seleccionar sin embargo.

Answer 2

desea que el attribute starts with selector:

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

Answer 3

otra parte, añadir class="sales_info" a su marcado HTML.

Entonces, hacer esto:

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

Answer 4

Pruebe con esta

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

Answer 5

Puede utilizar el selector CSS

probar este código

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

selector CSS ^= seleccionará div con ID que comienzan con el valor especificado y añadir el estilo CSS.