HTML利用JS移除指定的标签

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标签

用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呢?

温馨提示:答案为网友推荐,仅供参考
第1个回答  2014-12-17

直接删

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

}