2011-01-11 60 views
0

可以说我有休耕HTML添加和删除图片...如何基于jQuery的类属性

<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'); 
} 

但同时我想添加一个图像在锚标记的结尾,它应该被删除,同时当我删除选择 class.i知道我可以使用append方法,但如何删除当班级被删除时,我无法找到答案。 出来放应该像这样...当我点击这个链接

<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的? 在此先感谢!

回答

1

.append()将插入您选择的标签内。如果你可以保证最后一个元素是你的锚,那么它会工作。如果在锚之后还有其他东西,那么它会失败。如果您选择了锚点,那么您会希望使用.after()方法。

要删除元素,请在所选图像上使用.remove()方法。

+0

感谢您的警告! – Vivek 2011-01-11 13:49:55

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