Javascript 使用“查找数据”属性添加类

Javascript 使用“查找数据”属性添加类,javascript,jquery,html,jquery-attributes,Javascript,Jquery,Html,Jquery Attributes,我正在尝试创建一个菜单,每个导航项都附加了唯一的数据属性。单击后,我希望该导航项找到具有相同属性的部分,并向其中添加一个类。这是我目前使用的代码(它是一个更大的脚本的一部分) 这是它基于的脚本 其想法是添加一个单独的浮动导航链接到不同的部分(而不是当前实现的直接单击展开)。我添加的当前脚本似乎只在单击时刷新页面。我根本无法让它在一个小提琴工作,所以我相信原来的脚本将工作。粘贴的关于我已添加到本地文件的部分 在第一行,当您试图调用元素时,括号前缺少jQuery速记。这应该可以修复你的脚本 所以它应

我正在尝试创建一个菜单,每个导航项都附加了唯一的数据属性。单击后,我希望该导航项找到具有相同属性的部分,并向其中添加一个类。这是我目前使用的代码(它是一个更大的脚本的一部分)

这是它基于的脚本


其想法是添加一个单独的浮动导航链接到不同的部分(而不是当前实现的直接单击展开)。我添加的当前脚本似乎只在单击时刷新页面。我根本无法让它在一个小提琴工作,所以我相信原来的脚本将工作。粘贴的关于我已添加到本地文件的部分

在第一行,当您试图调用
元素时,括号前缺少jQuery速记。这应该可以修复你的脚本

所以它应该看起来像:

var$section=$('section');

这应该让你们都准备好继续

首先,您在第一个变量赋值中缺少$var$section=$('section')

在那之后,如果看不到你的标记,很难说出你想做什么,但我会尝试一下

似乎您正试图通过nav>a元素的data section属性过滤$section对象。这段代码应该做到这一点:

var $section = $( 'section' ), $navItems = $( 'nav > a' );   

$navItems.on( 'click', function( event ) {
    var $navSection = $section.filter("[data-section='" + $( this ).data( 'section' ) + "']");
    $navSection.addClass( 'expand expand-top' );
    return false;
} );
请注意,我们正在通过单击的锚点的数据节属性的值过滤所有节


如果没有帮助,请添加您的标记以便我们可以查看您的结构。

您忘记了dollarsign->
var$section=$('section'),
这就是为什么JavaScript开发人员应该使用Chrome开发者控制台或Firebug。没有这些工具,我无法发展。它们对臭虫很有帮助。你的问题是?我已经用使用的脚本更新了原始帖子。谢谢你到目前为止的帮助。如果没有看到你的html,我将无法进一步帮助你。请张贴,我将进一步帮助。
var $section = $( 'section' ), $navItems = $( 'nav > a' );   

$navItems.on( 'click', function( event ) {
    var $navSection = $section.filter("[data-section='" + $( this ).data( 'section' ) + "']");
    $navSection.addClass( 'expand expand-top' );
    return false;
} );