HTML利用JS移除指定的标签

发布网友发布时间：2022-04-30 19:09

共2个回答

热心网友时间：2022-06-30 03:30

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

热心网友时间：2022-06-30 03:30

直接删

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