Question

让我说我已经停止了HTML ...

<li ><a href="#" id="UsersGuides" ">Users Guides</a></li>
<li ><a href="#" id="Application" ">Application</a></li>

我通过暂停jquery函数来添加和删除类...

jQuery('selected').removeClass('selected');
if(!jQuery("#"+selectedAsset).parents('li').hasClass('selected')){
    jQuery("#"+selectedAsset).parents('li').addClass('selected');
}

但同时我想在锚标记的末尾添加一个图像，当我删除选中的类时，它应该被删除。我知道我可以使用追加方法，但如果删除类，如何删除它，我不能不知道。 out put应该看起来像这样......当我点击这个链接时

<li class="selected"><a href="#" id="UsersGuides" ">Users Guides</a><img width="10" height="18" src="/search/images/refineSearch-selectedRight.gif" style="position: relative; left: 9px;"></li>
<li ><a href="#" id="Application" ">Application</a></li>

当我点击第二个链接时，它应该......

 <li ><a href="#" id="UsersGuides" ">Users Guides</a></li>
<li class="selected"><a href="#" id="Application" ">Application</a><img width="10" height="18" src="/search/images/refineSearch-selectedRight.gif" style="position: relative; left: 9px;"></li>

如何在jquery中执行此操作？在此先感谢!!!

Answer 1

jQuery('selected').removeClass('selected').find("img").remove();

Answer 2

.append()将插入您选择的代码中。如果你可以保证最后一个元素是你的锚，那么它会起作用。如果在锚之后还有其他东西那么它就会失败。如果您选择了锚点，那么您可能会使用.after()方法。

要删除元素，请对所选图像使用.remove()方法。

如何在jquery中基于class属性添加和删除图像

2 个答案: