HTML利用JS移除指定的标签
HTML如下<divid="seltime1"><ulid="tbustime"><lit="11:00"p="60"c="50"><div>11:00-12:00</d...
HTML如下
<div id="seltime1">
<ul id="tbustime">
<li t="11:00" p="60" c="50">
<div>11:00-12:00</div>
<div><b>50/50</b></div>
</li>
<li t="13:00" p="30" c="10">
<div>13:00-13:30</div>
<div><b>10/10</b></div>
</li>
<li t="13:30" p="60" c="10">
<div>13:30-14:30</div>
<div><b>10/10</b></div>
</li>
</ul>
</div>
现在需要移除t<13:30的标签，JS该如何写？
移除t<13:30的li标签 展开
<div id="seltime1">
<ul id="tbustime">
<li t="11:00" p="60" c="50">
<div>11:00-12:00</div>
<div><b>50/50</b></div>
</li>
<li t="13:00" p="30" c="10">
<div>13:00-13:30</div>
<div><b>10/10</b></div>
</li>
<li t="13:30" p="60" c="10">
<div>13:30-14:30</div>
<div><b>10/10</b></div>
</li>
</ul>
</div>
现在需要移除t<13:30的标签，JS该如何写？
移除t<13:30的li标签 展开
2个回答
展开全部
用Js匹配li的t内容就可以的，看如下代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<script type="text/javascript" src="jquery.js"></script>
<body>
<div id="seltime1">
<ul id="tbustime">
<li t="11:00" p="60" c="50">
<div>11:00-12:00</div>
<div><b>50/50</b></div>
</li>
<li t="13:00" p="30" c="10">
<div>13:00-13:30</div>
<div><b>10/10</b></div>
</li>
<li t="13:30" p="60" c="10">
<div>13:30-14:30</div>
<div><b>10/10</b></div>
</li>
</ul>
</div>
<div>
<input type="button" value="移除" id="removeLi">
</div>
</body>
<script type="text/javascript">
$(document).ready(function(){
$('#removeLi').click(function(){
$('#tbustime').find('li').each(function(){
var t = $(this).attr('t');
if(t == '13:30'){
$(this).remove();
}
});
});
});
</script>
</html>
粘贴后试试，记得引入jquery类库，若有任何疑问，欢迎追问....
追问
13:30-14:30
10/10
如果我还想修改这个10/10为5/10呢？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
直接删
var c=getElementByTagName("li");
for(var i=0;i<=2;i++)
{
var node=c[i];
if(node.t<13:30)
{
var parent=c.parentNode();
parent.removeChile(c);
}
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
