我必须选择页面上前面有 i 标记的所有锚标记，该标记具有 pdf 类。i 标签和锚点都在 ap 标签内。然后在锚标签中添加一个pdf类。我写了这个并将类添加到 p 标记中。我只需要把它添加到锚标记即可：$("p>i").each(function() { if ($(this).hasClass("pdf")) { $(this).parent().addClass('pdf'); }});.pdf { color: red}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><p><i class="pdf"> nn</i> <a href="www.somesite.com">link</a></p>
3 回答
catspeake
TA贡献1111条经验 获得超0个赞
如果我理解正确的话，你所需要的只是$("p i.pdf + a").addClass('pdf')：
$("p i.pdf + a").addClass('pdf')
.pdf {
color: red
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p><i class="pdf"> nn</i> <a href="www.somesite.com">link</a></p>
<p><i class="pdf"> nn</i> <a href="www.somesite.com">link</a></p>
<p><i class="pdf"> nn</i> <a href="www.somesite.com">link</a></p>
慕斯王
TA贡献1864条经验 获得超2个赞
使用 CSS 选择器p>.pdf+a：
$('p>.pdf+a').addClass('testClass');
.testClass {
color: #f00;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p><i class="pdf"> nn</i> <a href="www.somesite.com">link</a></p>
<p><i class="pdf"> nn</i> <a href="www.somesite.com">link</a></p>
<p><i class="pdf"> nn</i> <a href="www.somesite.com">link</a></p>
<p><i class="pdf"> nn</i> <a href="www.somesite.com">link</a></p>
<p><i class="pdf"> nn</i> <a href="www.somesite.com">link</a></p>
明月笑刀无情
TA贡献1828条经验 获得超4个赞
无需过多更改代码，即可使用next()：
$("p>i").each(function() {
if ($(this).hasClass("pdf")) {
$(this).next().addClass('pdf');
}
});
.pdf {
color: red;
text-decoration: none;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p><i class="pdf"> nn</i> <a href="www.somesite.com">link</a></p>
<p><i> nn</i> <a href="www.somesite.com">link</a></p>
<p><i class="pdf"> nn</i> <a href="www.somesite.com">link</a></p>
更好的
$("p>i.pdf").each(function() {
$(this).next().addClass('pdf');
});
.pdf {
color: red;
text-decoration: none;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p><i class="pdf"> nn</i> <a href="www.somesite.com">link</a></p>
<p><i> nn</i> <a href="www.somesite.com">link</a></p>
<p><i class="pdf"> nn</i> <a href="www.somesite.com">link</a></p>
- 3 回答
- 0 关注
- 96 浏览
添加回答
举报
0/150
提交
取消