jquery删除ul指定id的li元素

jquery删除ul指定id的li元素

6个回答

id的标识性是唯一的,$(#id)可以确定唯一节点,直接删除就好了.
$(#id).remove();
多熟悉一下jquery的API,磨刀不误砍柴工.

$(父节点).remove(#id)

假如有如下ul:

<ul id="ulId">
    <li id="firstli">
    </li>
    <li id="secondli">
    </li>
</ul>

要删除指定id的li元素,用如下方法:

 $('#secondli').remove(); //在id前加上#

原则上来说,页面各元素id是唯一的,以上一行代码即可实现题目的要求。

$("#uiId li").remove();

$("#uiId").find("li").remove()

直接页面加载就删除,感觉没什么意义,不如最开始就不加载这一部分,一般都是点击,删除当前:
$('ulId').on('click','li',function(){
$(this).remove();
})

找出要删除的li的id,然后根据("#id名").reomve(),就可以删除了

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
使用Jquery在UL中添加或删除指定LI元素
今天看了很多帖子,对于元素的添加和删除的方法都很多,但我的要求就是用最简单的代码实现功能,不喜欢太复杂的内容,所以通过自己的实践,写了一个简单的demo,直接上代码,为下一个项目做准备 &amp;lt;!DOCTYPE HTML&amp;gt; &amp;lt;html lang=&quot;en-US&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;meta name=&
使用JQuery实现ul中添加LI和删除指定的Li元素
最近为了实现这个简单的功能也是看了很多的内容,终于找出了看起来简单易实现的方法,我觉得能用最简洁的代码实现,就不要写的那么复杂,看也看不懂。先码着,为后面的项目做做准备。 &amp;lt;!DOCTYPE HTML&amp;gt; &amp;lt;html lang=&quot;en-US&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;meta name=&quot;ke
jquery 折叠ul li
通过jquery 控制ul下li标签中的ul li列表,来实现ul的收缩和展开功能
Jquery查找ul,li
rn 上海 深圳 唐山 西安 长沙 天津 沈阳 三亚 拉萨 石家庄 西双版纳 百色 阿克苏 鞍山 安顺 保山 东胜 鄂尔多斯rnrnrn上面这个例子用Jquery 怎么查找到Ul下li的class=ac_even ac_over 的li
jquery treeview (ul li)
[img=http://img.my.csdn.net/uploads/201304/04/1365046352_9932.jpg][/img]rn这是一个UL 和li生成的treeview rnrn[color=#FF0000]rn如何实现鼠标移动到节点旁边出现 添加删除按钮呢?rn如何知道它操作的是这个节点呢?[/color]rnrn分数不多见谅!
jquery 操作ul li
现在页面上有个rn rn English(US)rn rn Chinesern Othersrn rn rnrn现在要用jquery来实现点击 实现slideDown 然后可以选择Chinese 和 Othersrnrn然后把选择的值 显示在rnrn写了很长时间老实现不了。。。麻烦各位。。。
jQuery 选择器 选取第一个 <ul> 元素的第一个 <li> 元素
选取第一个 &amp;lt;ul&amp;gt; 元素的第一个 &amp;lt;li&amp;gt; 元素例子   &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;title&amp;gt;test&amp;lt;/title&amp;gt; &amp;lt;script src=&quot;jquery-3.1.1.min.js&quot;&amp;gt; &amp;lt;/s
关于JQuery ul li 问题
效果图rn[img=http://www.cnblogs.com/images/cnblogs_com/IT-Bear/365886/t_1.png][/img]打开时rn[img=http://www.cnblogs.com/images/cnblogs_com/IT-Bear/365886/t_2.png][/img]展开一级菜单rn[img=http://www.cnblogs.com/images/cnblogs_com/IT-Bear/365886/t_3.png][/img]鼠标移至二级菜单rn三级菜单却无法显示,点击二级菜单,菜单全部收缩rnHTML代码rn[code=HTML] rn rn 导航管理rn rn 导航信息查询rn 导航信息新增rn 导航排序预览rn L1Arn rn L2rnrnrn L1Brn rn L2Brnrnrnrnrn[/code]rnJqueryrn[code=JScript] $(document).ready(function() rn $('#menu ul').hide();rn var oid = "";rn $('.menus li p').click(function() rn if (oid != $(this).children().attr('title')) rn $('#menu ul').hide();rn $(this).next().animate( opacity: 'toggle' , 300);rn oid = $(this).children().attr('title');rn rn else rn $(this).next().animate( opacity: 'toggle' , -300);rn rn ); //slideToggle('normal');rnrn $('.menus ul li a').click(function() rn var res = $("#spnRes").attr("value");rn if ($(this).attr('name') != "") rn //子目录rn if ($(this).attr('name').toLowerCase().indexOf('analyzer') < 0 || res.toLowerCase().indexOf('analyzer') < 0) rn //window.parent.frames['rightfrm'].location=$(this).attr('name');rn parent.openURL($(this).attr('name'));rnrn $(".menus ul li a").each(function() rn $(this).removeClass("current");rn );rn if ($(this).attr('title') != "我的工作台") rn $(this).addClass("current");rn rn rn rn $("#spnRes").val($(this).attr('name'));rn );rn // $("#rightfrm", parent.document.body).attr("src", $(this).attr('title') + ".aspx");rnrn );rnrn function showorhide() rn $('#menu ul').animate( opacity: 'toggle' , 300, function() rn if ($('#menu ul').is(":visible")) rn $("#expand_link").html(" ");rnrn rn else rn $("#expand_link").html(" ");rnrn rn );rn [/code]
删除ul下所有的li
rn Englishrn Chinesern
jquery ul li左右拖动
最近做影视的时候  遇到一个集数分集显示,类似下面的效果【用的jquery iscroll插件】 在手机端预览的时候可以左右拖动集数 效果如下 html: 1-20 21-40 41-60 61-80 81-100 101-120 121-140 141-160 161-180
修改ul下li下的ul下的li的css样式
修改ul下的ul下的li的css样式 window.onload=function(){ var oUl=document.getElementById('list'); var arrUl=oUl.getElementsByTagName('ul'); var ulLen=arrUl.length; var arrLi=null; for(var i=0;i arrLi=arr
ul li
我想让一行显示两列,请问样式怎么写?rn rn 威妮高2分rn 降唐9快9胶囊rn 润尔清熊胆丸rn 月根除2分rn 月根除5分rn 特研活腺通10分
jquery遍历li元素
jquery遍历li元素: 方法一:  $("#id ul").find("li").each(function(){  }); 方法二:  $("#li").eache(function(){    }); 清空li元素: $("li").remove();
UL,LI
用UL,LI如何产生二行一列呢?
2个<ul><li></li></ul>为第二个ul上色
Document 1 2 3 4 5 6 7 8 var li=document.getElementsByTagName("li") li[4].style.background="red"; li[5].style.background="blue" li[6].style.background="black" li[7].style.
选择id 下面 ul li 中的 a
  $(function(){ function changeSelect(){ $(&quot;#totalTab ul li:eq(2) a&quot;).click(function (){ alert(&quot;out&quot;); // var totalFlexBox = new Fpi.Flash({ // id: 'totalFlexBox' // ,dat...
如何让UL的Li元素横向排列?
rn aaarn bbbrn cccrnrnrn让以上元素在显示的时候,横向排列。rn
统计ul下li个数在ul为class或id
第一种情况下ul为id <ul id="con"> <li>1</li> <li>1</li> <li>1</li> <li>1</li> <li>1</li> <li>1</li> <li>1</li> </ul> <ul id="con1"> <li>1</li> <li>1</li> </ul>解决
ul中li元素的上移下移
&amp;lt;ul class=&quot;file-list&quot;&amp;gt;&amp;lt;/ul&amp;gt;onclick代码function downFile(obj,orderId){ var list = $(obj).parent().parent().parent().find(&quot;li&quot;);    var thisLocation = list.index($(obj).parent().parent()); if(...
JQUERY 动态删除LI
我们有时候知道UL的id,但是苦不堪言的找不到LI进行清除,这边有一些办法可以参考,设置Li的id是不错的方法,但是千万别设置成一个ID,到时候删除只会删除第一个 可以使用 $("#ul li").not(":first").remove(); 这个方式可以删除不是第一个li的其他所有li. 我这边是用: $(document).ready(function(){
js监听指定ul中li变化
实现效果:点击后选中监听变换 高亮显示css .active{ color: #ffffff; background: #c81623; } html部分 &lt;div class="con_left"&gt; &lt;ul class="con_left_ul" id="con_left_ul"&gt; &lt;li id...
求教关于Jquery的ul li的分页
ul 下有若干个li 3个为1个分页 1个input按钮点击显示后3个 另一个显示前3个 求大神这个怎么做
jquery ul li 按照时间排序
在公司运营、维护游戏期间,对于游戏首页来说,需要展现关于游戏的新闻、资讯、活动。最近提出新需求,需要对这些信息打乱分类后按照时间的先后,展现最新的几条记录。 由于之前的模板都是开发好的,如果要实现这个功能的话,开发周期会延长。为了方便,小编直接把之前最好的分类提取出来,然后进行排序,最后在填充进相对应的ul标签中。(1)演示模拟数据 <div class="ul_sort"> <u
jquery操作ul li里面互换顺序
8888阿萨德飞洒的 编辑删除 向下 8888阿萨德飞洒的 编辑删除 向下 8888阿萨德飞洒的 编辑删除 向下   //上移             $("#ContentList").on("click", " li .up", function () {                 var $one_li = $(this).paren
jquery获取ul中li的值
通过点击li标签,把值赋给一个文本框 以下是HTML 您所选取的值为: 选项1 选项2 选项3 选项4 选项5 JS代码 $(document).
jQuery 遍历ul li 添加 移除
jQuery li function appendli() { jQuery(&quot;#chens&quot;).append(&quot;&quot;); } 1 2 jQuery(&quot;#chen&quot;).bind(&quot;click&quot;,function(){appendli();}); jQuery(&quot;#chens li&quot;).click(function...
jquery 对ul下的多个li进行分页
请大家帮忙哈!请赐教!在线等待..............rn jsp页面:rn [code=JScript]rn var index=0;rn var blag=false;rn var flag=false;rn $("#addWord").bind("click", function()rn $("#auto").hide();rn if($("#words").val().length>0&&$("#words").val()!='')rn rn rn var divs = $("#auto div");rn for ( var i = 0; i 此关键词不存在");rn $("#words").focus();rn rn elsern $("#da").show();rn $("#canCal").show();rn $("#msgs").empty();rn $("#wordListdiv").css("border","1px solid green");rn if(typeof($("input[name='wordslists']").attr("name"))=="undefined")rn rn $("#wordlist").append(" ");rn $("ul").append(" ");rn $("ul li").append(""+$("#words").val()+"");rn var ts= $("#wordslists"+index);rn $.ajax(rn type: "POST",rn url: "checkWrod",rn data: "word="+$("#words").val()+"&rnd="+Math.random(),rn dataType: "json",rn success: function(data) rn //首次,判读词库是否存在当前输入的关键词,如果没有清空wordlist,获取关键词的IDrn if(data['wordId']=="")rn rn $("#wordlist").empty();rn $("#canCal").hide();rn $("#msgs").empty();rn $("#wordListdiv").css("border","1px solid white");rn rn elsern rn ts.val(data['wordId']);rn rn );rn $("#words").val("");rn $("#msgs").html("");rn elsern var exist=$("input[name='wordslists']");rn for ( var i = 0; i ");rn $("ul li[id!='pageNum']:last").append(""+$("#words").val()+"");rn var ts2= $("#wordslists"+index);rn $.ajax(rn type: "POST",rn url: "checkWrod",rn data: "word="+$("#words").val()+"&rnd="+Math.random(),rn dataType: "json",rn success: function(data)rn //其次,判读词库是否存在当前输入的关键词,如果没有就删除ID,否则获取关键词的IDrn if(data['wordId']=="")rn rn $("#wordlist ul li[id!='pageNum']:last").remove();rn rn elsern ts2.val(data['wordId']);rn rn );rn $("#words").val("");rn $("#msgs").html("");rn rn rn if( $("#wordlist ul li").length>10&&!flag)rn rn $("#wordlist ul li:lt(10)").each(function()rn $(this).css("display","none");rn $(this).attr("disabled","disabled");rn );rn $("#wordlist ul li").last()rn .after(" "rn +"上一页"rn +"下一页"rn +"");rn flag=true;rn rn if($("#"))rn rn rn rn rn index++;rn rn rn elsern rn alert("专题关键字不能为空!!!");rn $("#words").focus();rn rn rn );rn $("pageUp").bind("click",function()rn rn rn );rn $("pageUp").bind("click",function()rn rn rn );rnrn [/code]rnrnHtml代码:rn[code=HTML]rn rn 专题名称:rn 关 键 词: rn rn rn rn rn rn rn rn rn rnrnrn [/code]
jquery 怎么选择div下的ul下的li下的a
$(document).ready(function() rn $(".tpk_list>ul>li").each(function()rn $(this).click(rn function()rn rn $(".tpk_list>ul>li>a.photo_right").show();//这里我希望是this下的$("a.photo_right").show()请问该怎么写? rn );rn );rn rn);
请教jquery ul li 兼容IE6的问题
现在有一个类似下拉框的东东,具体代码:rn rn rn rn rn rn rn rn SCHÜTZ Energy Chinarn rn SCHÜTZ Germany (HQ)rn SCHÜTZ Francern SCHÜTZ Beneluxrn SCHÜTZ UKrn SCHÜTZ Italyrn SCHÜTZ Ibericarn SCHÜTZ Irelandrn SCHÜTZ Nordicrn SCHÜTZ Polandrn SCHÜTZ USArn SCHÜTZ Japanrn SCHÜTZ DSL Australiarn SCHÜTZ Malaysiarn SCHÜTZ VASITEX Brazilrn ITA Argentiniarn ELSA Mexicorn PARADIGM South Africarn CLOVER Korearn rn rn rn rn rn rn rnrnCSS:rn* margin:0; padding:0;rnli list-style:none;rna text-decoration:none;rna:hoverrnrn text-decoration: none;rnrn rn.navrnrn width: 170px;rn height: 23px;rn color: #ffffff;rn background: url(image/ii.png) no-repeat center center;rn text-align: center;rn margin-left: auto;rn vertical-align: middle;rn margin-right: auto;rnrn.nav lirnrn position: relative;rn height: 23px;rn width: 170px;rn vertical-align: middle;rn text-align: left;rnrn.nav li arnrn height: 23px;rn color: #ffffff;rn text-align: left;rn width: 170px;rn font-size: 12px;rn vertical-align: middle;rn text-decoration: none;rn line-height: 22px;rn margin-top: 20px;rnrnrnul.subnavrnrn display: none;rn width: 170px;rn background: #424343;rn text-align: left;rnrnul.subnav lirnrn width: 170px;rn text-align: left;rnrnrn在IE8下显示正常,但在IE6下,显示不正常,哪位大侠帮个忙啊?
ul列表横向排版及删除li圆点
ul默认排版: &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;/&amp;gt; &amp;lt;style&amp;gt; .good{ } &amp;lt;/style&amp;gt; &amp;lt;/head&amp;gt; &amp;lt;body&amp;gt; &amp;lt;ul&amp;gt; &amp;lt;li clas
ul中li的删除 增加处理
$('.onelevelulClass li.onelevelliClass') 第0个li $('.onelevelulClass li.onelevelliClass')[0] 删除所有li $('.onelevelulClass li.onelevelliClass').remove() 获取li删除 $('.onelevelulClass')[0].removeChild($('.on...
js动态添加与删除ul中的li
[*]11111111111111111 [*]22222222222222222 [*]33333333333333333 [*]44444444444444444 [*]55555555555555555 function del(n) { var s=document.getElementById('s'); var t=s...
#学习笔记#(16)ul li 二级下拉菜单-jQuery
body{font-family:微软雅黑;} ul { list-style:none; width:115px; line-height:30px; } ul li { background:#DCDCDC; text-align:center; } div1 { float:left; } .div2 { height:30px; position:relative; } #p1 { bac
页面当中,删除ul当中的一个li
张大军(13735898529)--> 张大军(13735898529)--> 张大军(13735898529)--> $(".phone-bumber li em").live("click",function(){ $(this).parent("li").remove(); }); //移除号码
动态生成 ul 的li jquery 点击事件无法获取到li
动态生成 ul 的li jquery 点击事件无法获取到li
Jquery动态插入li元素
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
jquery获取第一层li元素
ul-li-1-1 ul-li-1-2 ul-li-2-1 ul-li-2-1 ul-li-1-3 //children() 返回被选元素的所有直接子元素。 $('.ul').children("li") 定义和用法 children() 方法返回返回被选元素的所有直接子元素。 语
li在ul中居中显示
ul 的父元素 css 样式设了 text-align: center; 然后 ul 设了 display: inline-block; li 再设 display: inline; 就可以了。
利用ul li 分列
在div+css里,如何利用ul li来实现分列的效果呢.rn需要一行分两列,左占25%,右占75%,rn然后在右列里再分三行..要如何写呢.
ul、li属性控制
列表ul li 样式
相关热词 c++和c#哪个就业率高 c# 批量动态创建控件 c# 模块和程序集的区别 c# gmap 截图 c# 验证码图片生成类 c# 再次尝试 连接失败 c#开发编写规范 c# 压缩图片好麻烦 c#计算数组中的平均值 c#获取路由参数