如何检查jquery中是否单击了锚标记？

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>

现在我想要至少点击其中一个锚标签。 谁能告诉我如何用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

Answer 2

试试这个，

$( ".est_btn" ).click(function() {
    alert( "Clicked" );
});    

Answer 3

$(".est_btn").click(function () {
   //your code here
});

Answer 4

$( ".est_btn" ).click(function() {
    console.log("clicked Anchor Id =" + $(this).attr('id'));
});