1

我有这个代码：

<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>被删除。

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

4

3 回答 3

1

仅删除 CSS 类：

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

从 DOM 中移除元素：

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

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

$('.review-item > .fdescrip').text('');
于 2013-10-20T14:27:49.157 回答
0

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

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

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

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

Fiddle 不会删除该类，但会添加该类！因此，您可以将其更改为removeAttr.

参考：

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

于 2013-10-20T14:26:11.417 回答
0 
$(".review-item .fdescrip").removeClass('fdescrip');
于 2013-10-20T14:29:04.410 回答