jQuery的使用startswith常見字符串

Question

我想設置相同的CSS所有這些div元素的選擇由ID多個div元素：

<div id="Some_id_1"></div> 
    <div id="Some_id_2"></div> 
    <div id="Some_id_3"></div> 

我怎麼能這樣做？ 謝謝。

Answer 1

您應該能夠使用jQuery的Attribute Starts With Selector:

用法：

$('[attribute^="value"]') 

實例，適合您的需要：

$('div[id^="Some_id_"]').each(function(){ 
    $(this).css('property','value'); 
}); 

這將是設置這些有用動態屬性，但是如果你只是將它們設置爲tatic的意思，我會建議只適用於class="your_class"所有的divs。

一個工作演示可以在這裏找到：

Demo

Answer 2

讓他們一類的所有成員，然後使用類選擇。

<div class="some_class" id="Some_id_1"></div> 
<div class="some_class" id="Some_id_2"></div> 
<div class="some_class" id="Some_id_3"></div> 

.some_class { 
    line-height: 1.1; 
} 

Answer 3

如果可能的話，給你div類：

<div id="Some_id_1" class="newClass"></div> 
<div id="Some_id_2" class="newClass"></div> 
<div id="Some_id_3" class="newClass"></div> 

，然後選擇類和修改CSS使用css()：

$(".newClass").css("color","red"); 

...

不知道你的代碼，我也會拋出適合的addClass()一些應用更好。

$("div").addClass("newClass"); 

上面的例子將一個類添加到任何div，所以你必須與有意義的項目選擇玩，然後只是有一些現有的CSS：

.newClass { color: red } 

Answer 4

用相同的ID使用相同的樣式到所有的元素放在這個

.yourClass { 
    line-height: 1.1; 
} 

$('[id^="Some_id_"]').each(function(){ 
    $(this).addClass("yourClass"); 
});