Javascript 根据rel值选择所有html元素_Javascript_Jquery

Javascript 根据rel值选择所有html元素

javascript jquery

Javascript 根据rel值选择所有html元素,javascript,jquery,Javascript,Jquery,我的代码中有一些html元素，如下所示 <div rel="test1">item1</div> <div rel="test1">item2</div> <div rel="test1">item3</div> <div rel="test2">item4</div> <div rel="test2">item5</div> item1 项目2 项目3 项目4 项目5 我

我的代码中有一些html元素，如下所示

<div rel="test1">item1</div>
<div rel="test1">item2</div>
<div rel="test1">item3</div>
<div rel="test2">item4</div>
<div rel="test2">item5</div>

item1
项目2
项目3
项目4
项目5

我需要一种方法来选择所有使用

rel=“test1”

的div，并为它们添加一个类如何使用

jQuery

$('div[rel=\'test1\']')

然后可以使用

.addClass（）

添加一个类

工作样本

您不需要逃避

”

您可以使用

“

或忽略它。引号必须用于两个单词的值。@gdoron，这是一个偏好问题。为什么要投反对票？这个答案是不是有点不正确？我对此表示怀疑。@gdoron，是的，我更喜欢在那里使用单引号。非常欢迎您选择双引号。我更喜欢用单引号一致地表示字符串文字。无论使用single还是double，仍有必须转义的字符。很多时候，这样的字符串将包含参数双引号的HTML。对于我所做的，使用单引号意味着更少的转义。无论你做什么，你都应该保持一致。虽然这是事实，但你没有显示

addClass

位。：）将其添加到您的答案中可能是个好主意。我刚刚演示了如何使用该选项访问项目。现在他发现他也想添加类。谢谢大家的指点。我更新了。

$('div[rel="test1"]').addClass('fooClass');

$(function(){
    $("div[rel='test1']").addClass("newClass");       
});

$('div[rel="test1"]').addClass("myClass");