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

【问题标题】：How to remove a certain class under a certain div如何删除某个div下的某个类
【发布时间】：2013-10-20 14:23:40
【问题描述】：

我有这个代码：

<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>

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

任何帮助将不胜感激！谢谢。

【问题讨论】：

为什么不简单地...removeClass('fdescrip')？
发布代码时，请花些时间更好地格式化您的代码。
因为我需要删除字体标签的内容
这是一个非常糟糕的布局，不要指望这样的布局会如你所愿，重新考虑一下。

标签： javascript jquery html css class

【解决方案1】：

只删除 CSS 类：

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

从 DOM 中移除元素：

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

如果元素内容只是纯文本但保留在 DOM 中，则清除它：

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

【讨论】：

适用于课堂，但我需要删除字体标签的内容
您需要元素保留，但为空，还是可以完全从 DOM 中删除？
我需要完全删除它。
查看我的新编辑，包括如何从 DOM 中删除或清除文本。在我的手机上，所以格式有点奇怪，现在应该修复了。

【解决方案2】：

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

【讨论】：

【解决方案3】：

您可以选择第一个孩子使用，

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

这样，jQuery 将被应用到 review-item 的 div 中的第一个 fdescrip 而不会应用到任何其他！

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

Fiddle 不会删除该类，但会添加该类！所以你可以把它改成removeAttr。

参考：

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

【讨论】：

他的两个 fdescrip 项目都是后代，所以这仍然会选择所有这些。
现在看看吧兄弟:) @cjd82187..:)