jQuery corrisponde solo a una parte dell'id dal div

Question

Ho avuto una situazione insolita ieri sera.

Ho bisogno di abbinare solo una parte di id. Lascia che ti tutto chiaro con un esempio

Ho pochi div come

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

e jQuery va come

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

ho bisogno di corrispondere solo sales_info, ignorando _1, _2 o _anything qualcuno può suggerirmi come ottenere questo?

Grazie

Answer 1

è possibile utilizzare il "Starts With" selector:

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

Preferirei consiglio di utilizzare un nome di classe unico per i vostri elementi che si può selezionare però.

Answer 2

Volete il attribute starts with selector:

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

Answer 3

In alternativa, aggiungere class="sales_info" al markup HTML.

Quindi, fare questo:

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

Answer 4

prova con questo

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

Answer 5

È possibile utilizzare selettore CSS

provare questo codice

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

selettore CSS ^= selezionerà div con ID che iniziano con il valore specificato e aggiungere lo stile css.