如何使用jquery 的方法,将一段ul内a的title都一样的li去掉。

代码部分
<ul class="list-group">
<li class="list-group-item"><a title="Academic Writing">Academic Writing</a></li>
<li class="list-group-item"><a title="Academic Writing">Academic Writing</a></li>
<li class="list-group-item"><a title="Oral Presentation">Oral Presentation</a></li>
<li class="list-group-item"><a title="Oral Presentation">Oral Presentation</a></li>
</ul>

效果如图:

第1个回答  2015-09-22
$('ul li').not(function (i) {
    return $(this).prevAll('li:has(a[title="' + $('a', this).attr('title') + '"])').length < 1;
}).remove();

本回答被提问者采纳
第2个回答  2015-09-22
jQuery(function($) {
    $("ul li a").each(function(i, dom) {
        var me = $(dom),
            t = me.attr("title");
        var ind = me.closest("li").index();
        $("ul li:gt(" + ind + "):has(a[title='" + t + "'])").remove();
    });
});

本回答被网友采纳
第3个回答  2015-09-22
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script language="javascript">
$(document).ready(function () {
for(var i=0;i<$(".list-group").find("li").length;i++){
var obj=$(".list-group").find("li").eq(i).find("a").attr("title");
for(var j=i;j<$(".list-group").find("li").length;j++){
var cur=$(".list-group").find("li").eq(j).find("a").attr("title");
if(obj==cur){
$(".list-group").find("li").eq(j).remove();
}
}
}
});
</script>
</head>
<body>
<ul class="list-group">
<li class="list-group-item"><a title="Academic Writing">Academic Writing</a></li>
<li class="list-group-item"><a title="Academic Writing">Academic Writing</a></li>
<li class="list-group-item"><a title="Oral Presentation">Oral Presentation</a></li>
<li class="list-group-item"><a title="Oral Presentation">Oral Presentation</a></li>
<li class="list-group-item"><a title="Oral Presentation">Oral Presentation</a></li>
<li class="list-group-item"><a title="Academic Writing">Academic Writing</a></li>
</ul>
</body>
</html>

如何使用jquery 的方法,将一段ul内a的title都一样的li去掉。
('ul li').not(function (i) { return $(this).prevAll('li:has(a[title="' + $('a', this).attr('title') + '"])').length < 1;}).remove();

删除ul 标签下文本相同的li元素 如何用JQUERY实现
1、创建Html元素 <div class="box"><span>实例演示:点击按钮剔除重复的列表项目<\/span><br><div class="content"><ul><li>刘备<\/li><li>关羽<\/li><li>刘备<\/li><li>张飞<\/li><li>关羽<\/li><li>刘备<\/li><\/ul> <input type='button' value='剔除' \/><\/div><\/div>2、设...

jquery中怎么删除<ul>中的整个<li>包括节点
使用jquery库的函数:remove()。功能思路:展现一个UL,然后设计一个按钮,通过绑定删除函数,点击时删除所有LI节点。实例演示如下:1、设计简单的一个页面,其中html代码如下:简单的样式文件:此时的页面内容展示如下:2、设计JS代码,实现删除函数。3、实例操作,点击按钮,实现节点删除,展示如下:完成设...

...ul中有若干个li,li中又有一个a标签,如何用jquery写单击a标签然后删 ...
<ul> <li><a href="javascript:void(0)">222<\/a><\/li> <li><a href="javascript:void(0)">222<\/a><\/li> <li><a href="javascript:void(0)">222<\/a><\/li> <li><a href="javascript:void(0)">222<\/a><\/li><\/ul>JQ:("a").click(function(){ $(this...

jquery ul 如何指定不选择ul下的某个li
最常见的用法:与其他选择器一起使用,选取指定组合中除了指定元素以外的所有元素(如上面的实例)。语法 $(":not(selector)")参数描述:selector 必需。规定不选择的元素。该参数接受任何类型的选择器。("ul li:not(li:eq(0))");\/\/第一个li不被选择 ...

如何使用jQuery动态加载UL标签中的li标签。
首先获取到数据。在这里模拟创建一个数组用于测试数据集。第二步,创建一个button点击事件。用于动态观察,同时创建ul标签下的厨师li标签元素,直观的通过点击button的点击事件来触发li标签的更改。第三步,写入js控制代码,一开始通过remove动作先把原先的li表情清楚,接下来,使用jQuery的each方法遍历创建的...

jquery 去除 ul 下 <a>中所有 class?
<script>$(function(){$('.navBoxer a').mouseenter(function(){ $('.navBoxer a').removeClass('hover');$(this).addClass('hover');});});<\/script>需要先引入jq库

jquery中append(),判断“名字”一样。append()则不重复添加。【有图...
你可以给每条记录加一个唯一标识,然后在append之前通过唯一表示校验,比如:<li data-id="1"><\/li><li data-id="2"><\/li>var id = 3, html;if ($('[data-id="' + id + '"]').length === 0) { html = '<li data-id="' + id + '"><\/li>'; $('ul').append(...

如何用jquery获得每个ul下最后一个li
}.red{color:red;}编写jquery代码 (function(){$(":button").click(function() {$("ul li:last-child").addClass('red'); \/\/ 设置样式str = $("ul li:last-child").map(function(){ \/\/ 获取最后一个锂元素的内容return $(this).text();}).get().join(',');alert(str)}...

如何用Jquery将ul的第一个li放到最后面去
('ul').append($('ul li:eq(0)'));完整代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title><\/title> <script src="js\/jquery-1.11.2.min.js"><\/script> <script type="text\/javascript"> function switchLi() { $('ul').append(...

相似回答