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"); 
});