jquery - 如何在 Jquery 中单独选择它们

Question

我有两个 a 标签，我想创建两个单独的点击函数，因为它们的行为不同。

<div class="select-big">
    <div class="select-holder">
        <div class="button">
            <a href="#" class="trigger right"></a>
            <div class="cl">&nbsp;</div>
        </div>
        <div class="dropdown">
            <ul>
                <li><a href="#" class="icon-s icon-s2">Restaurant</a></li>
                <li><a class="icon-s icon-s1" href="#">Grocery</a></li>
                <li><a href="#" class="icon-s icon-s2">Pizza Delivery</a></li>
            </ul>
            <div class="cl">&nbsp;</div>
        </div>
    </div>

    <div class="select-holder select-holder2">
        <div class="button">
            <div id="one1" class="left number_changer"></div>
            <p id="count_of_stations" class="text left">Number Of Stations</p>
            <a href="#" class="trigger right"></a>
            <div class="cl">&nbsp;</div>
        </div>
        <div class="dropdown">​

目前我有这个选择两者

$('.select-big ul li a').click(function () {

Answer 1

给他们唯一的ID

<li><a id="someID" href="#" class="icon-s icon-s2">Restaurant</a></li>  
<li><a id="someOtherID" class="icon-s icon-s1" href="#">Grocery</a></li>
<li><a id="someDifferentID" href="#" class="icon-s icon-s2">Pizza Delivery</a></li>

jQuery

$('#someID').click(function() {
    //  do something
});

$('#someotherID').click(function() {
    //  do something else
});

或按索引选择它们:

$('.select-big ul li a:eq(0)').click(function() {
    //  do something
});

$('.select-big ul li a:eq(1)').click(function() {
    //  do something else
});

或从一个遍历到下一个(如果它们相邻)。

$('.select-big ul li a:eq(0)').click(function() {
    //  do something
})
  .next().click(function() {
    //  do something else
});