jquery - 如何在jquery中检查 anchor 标记是否被点击？

Question

我有以下 html 代码。

               <div class="main_links cf" id="main_link">
                    <a class="est_btn" id="#electric">
                        <img src="images/electric.png" alt="" />
                        <span>Electric</span>
                    </a>
                    <a class="est_btn" id="#gas">
                        <img src="images/gas.png" alt="" />
                        <span>Gas</span>
                    </a>
                    <a class="est_btn" id="#oil">
                        <img src="images/oil.png" alt="" />
                        <span>Oil</span>
                    </a>
                    <a class="est_btn" id="#propane">
                        <img src="images/propane.png" alt="" />
                        <span>Propane</span>
                    </a>

                </div>

现在我希望至少应该单击这些 anchor 标记之一。谁能告诉我如何用 jquery 完成它？

Answer 1

使用类来存储点击状态

var $links = $('#main_link .est_btn').click(function () {
    $(this).addClass('clicked');
});

//for test
$('button').click(function () {
    if ($links.is('.clicked')) {
        alert('clicked')
    } else {
        alert('not')
    }
})

演示:Fiddle

如果您希望允许用户选择/取消选择某个项目，请使用 toggleClass() 而不是 addClass()

演示:Fiddle