Javascript 如何在页面加载后使用jQuery删除li元素？

我确实搜索过并在谷歌上搜索过它，还看到了remove函数，但我看到的所有示例都是在不同的上下文中进行的。我只想删除带有logout.html链接的li。我知道您无法将id分配给li元素，因此如何动态删除特定元素

谢谢

<ul data-role="listview">
                        <li>
                            <a href="user_settings.html">
                                <img src="images/info/info-settings.png" width="30" height="30" class="ui-li-icon"/>
                                <h2>User Settings</h2>
                            </a>
                        </li>
                        <li>
                            **<a href="logout.html">
                                <img src="images/info/info-logout.png" width="30" height="30" class="ui-li-icon"/>
                                <h2>Logout</h2>
                            </a>**
                        </li>
                        <li>
                            <a href="http://someurl.com/store?app=ok" rel="external">
                                <img src="images/info/info-also-from.png" width="30" height="30" class="ui-li-icon"/>
                                <h2>Also from Us</h2>
                            </a>
                        </li>
                        <li>
                            <a href="about_us.html">
                                <img src="images/info/info-aboutUs.png" width="30" height="30" class="ui-li-icon"/>
                                <h2>About Us</h2>
                            </a>
                        </li>
                        <li>
                            <a href="about_us.html">
                                <img src="images/info/infsomeimage.png" width="30" height="30" class="ui-li-icon"/>
                                <h2>About Us</h2>
                            </a>
                        </li>
                        <li>
                            <a href="about_legal_info.html">
                                <img src="images/info/info-legalInfo.png" width="30" height="30" class="ui-li-icon"/>
                                <h2>Legal Info</h2>
                            </a>
                        </li>
                        <li>
                            <a href="about_international_dates.html">
                                <img src="images/info/info-international.png" width="30" height="30" class="ui-li-icon"/>
                                <h2>About International Dates</h2>
                            </a>
                        </li>
                    </ul>

****

您可以向

li

元素添加

id

要使用jQuery删除它而不执行此操作，请执行以下操作：

$('li a[href="logout.html"]').closest('li').remove();

---

.

您可以向

li

元素添加

id

要使用jQuery删除它而不执行此操作，请执行以下操作：

$('li a[href="logout.html"]').closest('li').remove();

---

.

没有什么可以阻止您向

li

元素添加

id

。这是完全正确的。但是，如果没有，您可以使用以下方法：

这将选择所有

li

元素，然后将该集合减少为仅包含与选择器匹配的元素的集合。它使用属性等于选择器将

href

与您的注销链接相匹配

有许多其他方法可以做到这一点。另一个示例是选择器，它匹配元素或其任何子体中的文本（而不是选择器）：

$("li:contains('Logout')").remove();

---

显然，您必须小心，因为在任何一种情况下，如果有多个元素与选择器匹配，它们都将被删除。如果是这种情况，您必须以某种方式使选择器更加具体。

没有任何东西可以阻止您向

li

元素添加

id

。这是完全正确的。但是，如果没有，您可以使用以下方法：

$(document).ready(function() {

  $('li a[href="user_settings.html"]').parents('li').first().remove();

});

这将选择所有

li

元素，然后将该集合减少为仅包含与选择器匹配的元素的集合。它使用属性等于选择器将

href

与您的注销链接相匹配

有许多其他方法可以做到这一点。另一个示例是选择器，它匹配元素或其任何子体中的文本（而不是选择器）：

$("li:contains('Logout')").remove();

---

显然，您必须小心，因为在任何一种情况下，如果有多个元素与选择器匹配，它们都将被删除。如果是这种情况，您必须以某种方式使选择器更具体。

首先，您可以将ID分配给

li

元素。您可以拥有

$(document).ready(function() {

  $('li a[href="user_settings.html"]').parents('li').first().remove();

});

其次，您可以使用以下代码（无id）隐藏

li

元素，或查看

$（'a[href=“logout.html”]'）.parent（）.css（'display'，'none'）

这应该放在文档的onload回调中，以便在加载页面后执行：

$(function (){
    $('a[href="logout.html"]').parent().css('display', 'none');
});

首先，您可以将ID分配给
li
元素。您可以拥有

其次，您可以使用以下代码（无id）隐藏
li
元素，或查看

$（'a[href=“logout.html”]'）.parent（）.css（'display'，'none'）

这应该放在文档的onload回调中，以便在加载页面后执行：

$(function (){
    $('a[href="logout.html"]').parent().css('display', 'none');
});

$（“ul-li:nth-child（2）”）.remove（）
如果您的logout.html li应该始终是第二个元素，这将起作用，或者您可以尝试
$（'a[href=“logout.html”]”）。parent（）.remove（）
<代码>$（“ul li:nth child（2）”）.remove（）
如果您的logout.html li应该始终是第二个元素，这将起作用，或者您可以尝试
$（'a[href=“logout.html”]”）。parent（）.remove（）
您可以将ID分配给
元素。您可以将ID分配给
元素。