jQuery chỉ khớp một phần của id từ div

Question

Tôi gặp phải một tình huống bất thường vào tối hôm qua.

Tôi chỉ cần khớp một phần của id. Hãy để tôi rõ ràng tất cả các bạn với một ví dụ

Tôi có vài divs như

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

và jQuery đi như thế

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

tôi cần phải phù hợp với chỉ sales_info, bỏ qua _1, _2 hoặc _anything , bất cứ ai có thể đề nghị tôi làm thế nào để đạt được điều này?

Cảm ơn

Answer 1

Bạn có thể sử dụng "Starts With" selector:

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

Tôi thà khuyên bạn nên sử dụng một tên lớp độc đáo cho các yếu tố mà bạn có thể chọn mặc dù.

Answer 2

Bạn muốn attribute starts with selector:

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

Answer 3

Hoặc, thêm class="sales_info" vào đánh dấu HTML của bạn.

Sau đó, làm điều này:

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

Answer 4

Hãy thử với điều này

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

Answer 5

Bạn có thể sử dụng css selector

thử mã này

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 ^= sẽ chọn div với ID bắt đầu bằng giá trị quy định và thêm phong cách css.