我必須選擇頁面上前面有 i 標(biāo)記的所有錨標(biāo)記，該標(biāo)記具有 pdf 類。i 標(biāo)簽和錨點(diǎn)都在 ap 標(biāo)簽內(nèi)。然后在錨標(biāo)簽中添加一個(gè)pdf類。我寫了這個(gè)并將類添加到 p 標(biāo)記中。我只需要把它添加到錨標(biāo)記即可：$("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貢獻(xiàn)1111條經(jīng)驗(yàn) 獲得超0個(gè)贊
如果我理解正確的話，你所需要的只是$("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貢獻(xiàn)1864條經(jīng)驗(yàn) 獲得超2個(gè)贊
使用 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貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超4個(gè)贊
無需過多更改代碼，即可使用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 關(guān)注
- 175 瀏覽
添加回答
舉報(bào)
0/150
提交
取消