我必須選擇頁面上前面有 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 關注
- 181 瀏覽
添加回答
舉報
0/150
提交
取消