Question

我有这段代码：

<li><div class="review-item">
<div class="review-item-thumb"><img width="60" height="60" src="/content/members/av/flags/por-av.png"></div>
<h5>Player <small> Member </small></h5>
<div align="center"></div><font class="fdescrip">No Description!</font></div>
<ul><li><table class="descrip"><tbody><tr><td>
<p><font class="fdescrip">No complete description available.</font></p>
</td></tr></tbody></table></li></ul></li>

我想仅删除font class="fdescrip"下的div class="review-item"。我可以让他们两个消失（$('tag').removeAttr("class");)但不只是其中一个，因为我不想删除第二个<p><font class="fdescrip">No complete description available.</font></p>。

任何帮助将非常感谢！感谢。

Answer 1

只删除CSS类：

$('.review-item > .fdescrip').removeClass('fdescrip');

从DOM中删除元素：

$('.review-item > .fdescrip').remove();

如果元素内容仅为纯文本但将其保留在DOM中，则清除元素内容：

$('.review-item > .fdescrip').text('');

Answer 2

您可以使用

选择第一个孩子

$('div.review-item .fdescrip:first-child').removeAttr('class');

这样，jQuery将应用于review-item div中的第一个fdescrip而不是其他任何内容！

这是一个小提琴：http://jsfiddle.net/afzaal_ahmad_zeeshan/Vw7Q8/

小提琴不会删除课程，但它会添加！因此，您可以将其更改为removeAttr。

参考：

http://api.jquery.com/first-child-selector/

Answer 3

$(".review-item .fdescrip").removeClass('fdescrip');

如何删除某个div下的某个类

3 个答案:

参考：