jQuery 查找相似属性

发布于 2024-11-19 02:12:44 字数 782 浏览 2 评论 0原文

我的页面有两个“选项卡式”导航部分。两者相互独立，但产生相同的结果。我认为对它们进行编码以使其协同工作的最简单方法是找到两个部分中相同的“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 和 .addClass()

原文

My page has two 'tabbed' navigation sections. Both independent of one-another, but resulting in the same outcome. I figure the easiest way to go about coding them to work together, would be to find the `href' attribute that is the same from both sections, save it in a variable, and than continue from there.

My layout looks something like this.

<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>

And i have some jQuery like this.

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

So how can i include in the jQuery if #tab-text a is clicked, than find the value of the href attribute, and than search for that value from #tab-arrow a and .addClass()

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

没︽人懂的悲伤 2024-11-26 02:12:44

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('#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();
}

回复收藏 0 原文

~没有更多了~