Question

是否可以使用javascript搜索确切的html行并删除它而不使用具有类或ID的元素？

例如，我有一个无序的项目列表从一个我无法控制的来源加载到页面中，它看起来有点像这样

<div class="content">
    <ul>
        <li class="thumb">
            <a href="#" title="something"><img src="http://img.png" alt="" ></a>
        </li>
        <li class="info">
            <ul>
                <li>something 1</li>
                <li><a href="#" title="something 1">Something 1</a></li>
            </ul>
        </li>
    </ul>

    <!-- I want to remove from here.. -->
    <ul>
        <li class="thumb">
            <a href="#" title="something 2"><img src="http://img.png" alt=""></a>     
        </li>
        <li class="info">
            <ul>
                <li>something 2</li>
                <li><a href="#" title="something 2">Something 2</a></li>
            </ul>
        </li>
    </ul>
    <!-- ..to here -->

    <ul>
        <li class="thumb">
            <a href="#" title="something 3"><img src="http://img.png" alt=""></a>
        </li>
        <li class="info">
            <ul>
                <li>something 3</li>
                <li><a href="#" title="something 3">Something 3</a></li>
            </ul>
        </li>
    </ul>               
</div>

我的目标是使用javascript（如果可能）删除包含<ul>的整个"Something 2"，它本身不会发生变化，但列表的顺序可能会如此...所以使用css如：

.content ul:nth-child(2) {
    display:none;
}

遗憾的是，

不是一个选择。此外，我也无法使用PHP来执行此操作。这样的事情可以用javascript完成吗？怎么样？

Answer 1

试试这个。

$(document).ready(function() { 
   $("ul li a[title='something 2']").parent().parent().remove();
})

使用javascript从html中删除特定的未命名ul元素

1 个答案: