0

我得到以下HTML：

<ul class="specs">
        <li>
            <div class="trigger">› City (2)</div>
            <div class="cityByLocation">
                <ul>
                    <li class="cityInfo">
                        <div class="cityName" style="float: left;">
                            › New York
                        </div>
                        <div class="cityDistance" style="float: left;">
                            430 miles
                        </div>
                        <div class="btn-take"></div>
                    </li>
                    <li class="cityInfo">
                        <div class="cityName" style="float: left;">
                            › Chicago
                        </div>
                        <div class="cityDistance" style="float: left;">
                            430 miles
                        </div>
                        <div class="btn-take"></div>
                    </li>
                </ul>
            </div>
        </li>
<ul>

当我单击“City (2)”时，会出现下面的两个 div。但是，我想为他们添加一个类。

这是我现在的js：

$('.trigger').click(function ()
    {
        $(this).siblings('div').eq($(this).index()).toggle();

        $(this).eq($(this).index()).toggleClass("locationSelected");

        return false;
    });

这在名称“City (2)”后面添加了蓝色背景，但不是我想要的底层 div。

它是类“cityByLocation”的 div，我想将类 locationSelected 添加到。

编辑：

我最终使用

$('.trigger').click(function () { $(this).siblings('div').eq($(this).index()).toggle(); $(this).toggleClass(" locationSelected"); $(this).siblings('div').eq($(this).index()).toggleClass("locationSelected");

return false; });
4

4 回答 4

4

而不是使用toggleClass，使用addClass

$(this).eq($(this).index()).addClass("locationSelected");
于 2012-11-26T16:25:29.353 回答
1 
$(this).siblings('.cityByLocation').addClass("locationSelected");

如果您只想添加类，请使用它，但toggleClass如果您想在交替点击时将其删除，请使用它。

于 2012-11-26T16:26:39.283 回答
0

我建议，假设您想将类名添加到div嵌套在相邻元素中的元素div中ul：

$(this).next('.cityByLocation').find('div').addClass('locationSelected');
于 2012-11-26T16:31:06.053 回答
0 
.addClass("locationSelected");
于 2012-11-26T16:25:02.630 回答