javascript - jQuery li 元素按 ID 选择

Question

有人可以帮忙吗？

我有这样的 HTML 代码。

<ul class="nav navbar-nav navbar-left">
                    <li>
                        <a href="#"><img src="img/topbararrowback.png" alt=""></a>
                    </li>
                    <li id="hide_filter">
                        <a href="#">Hide Filter</a>
                    </li>
                </ul>

我尝试在 id 为 hide_filter 的 li 上添加 .click 事件。

我所做的是-

$("#hide_filter").click(function()
{
    alert('message');
});

还有-

$(".navbar-left li").click(function() {
    alert(this.id); // id of clicked li by directly accessing DOMElement property
    alert($(this).attr('id')); // jQuery's .attr() method, same but more verbose
    alert($(this).html()); // gets innerHTML of clicked li
    alert($(this).text()); // gets text contents of clicked li
});

还有-

    $('ul.selectedItems li#hide_filter').click(function()
{
    //$("p").hide();
    alert('message');
});

还有-

$('#hide_filter')[0].click(function()
{
    //$("p").hide();
    alert('message');
});

但对我来说没有任何作用。

提前感谢您的帮助..

Answer 1

实际上它有效:)

$("#hide_filter").click(function()
{
alert('message');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul class="nav navbar-nav navbar-left">
                    <li>
                        <a href="#"><img src="img/topbararrowback.png" alt=""></a>
                    </li>
                    <li id="hide_filter">
                        <a href="#">Hide Filter</a>
                    </li>
                </ul>