Question

我的页面有两个“标签式”导航部分。两者都相互独立，但结果相同。我认为编写它们一起工作的最简单方法是找到两个部分相同的`href'属性，将其保存在变量中，然后从那里继续。

我的布局看起来像这样。

<div id="tab-text">
    <a href="tab-1"></a>
    <a href="tab-2"></a>
    <a href="tab-3"></a>
</div>

<div id="tab-arrow">
    <a href="tab-1"></a>
    <a href="tab-2"></a>
    <a href="tab-3"></a>
</div>

我有一些像这样的jQuery。

jQuery('#tab-text a').click(function()
{
    jQuery('#tab-text a').removeClass('active');
    jQuery( this ).addClass('active');
}

那么如果点击#tab-text a，我如何在jQuery中包含，而不是找到href属性的值，而不是从#tab-arrow a和{{1}搜索该值}

Answer 1

jQuery('#tab-text a').click(function()
{
    jQuery('#tab-text a').removeClass('active');
    jQuery( this ).addClass('active');
    var searchHref = this.href;
    jQuery('#tab-arrow a[href="'+searchHref+'"]').doSomething();
}

jQuery找到类似的属性

1 个答案: