addClass() 没有添加类

发布于 2024-12-23 04:00:30 字数 189 浏览 1 评论 0原文

我第一次使用 jQuery 将类添加到导航栏中的元素,但未添加类“.selected”。

请问你能告诉我哪里出错了吗?

这是一个示例: http://jsfiddle.net/v32qy/2/

谢谢!

I am using jQuery for the first time to add a class to an element within the navigation bar, but the class, '.selected' isn't being added.

Please can you tell me where I am going wrong?

Here is an example: http://jsfiddle.net/v32qy/2/

Thanks!

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

扫码二维码加入Web技术交流群

发布评论

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

评论(3

十秒萌定你 2024-12-30 04:00:30

this 不是一个 jQuery 对象,它是实际的 DOM 元素。要将其转换为 jQuery 对象,请使用 $(this)。所以:

$(this).addClass('selected');

jsFiddle 中的另一个问题是您没有选择 元素,而是选择

。最后,该链接已被跟踪。 这里已经解决了所有问题。


您可能会考虑的其他事情是 element.innerText<据我所知,/code> 没有很好的浏览器支持(即它只适用于 IE)。只是一个小注意点。

this is not a jQuery object, it's the actual DOM element. To turn it into a jQuery object, use $(this). So:

$(this).addClass('selected');

Another problem in the jsFiddle is that you're not selecting the <a> element, you're selecting the <h2>. Finally, the link is being followed. Here's all that fixed.


Something else you might consider is that element.innerText doesn't have very good browser support from what I've seen (i.e. it only works in IE). Just a small point of note.

花落人断肠 2024-12-30 04:00:30

除了更正语法之外,您还希望将类应用于锚点。

$('#textContainer h2 a').click(function() {
    var title = this.innerText;
    $(this).addClass('selected');
 });

You want apply the class to the anchor, in addition to correcting the syntax.

$('#textContainer h2 a').click(function() {
    var title = this.innerText;
    $(this).addClass('selected');
 });
﹏半生如梦愿梦如真 2024-12-30 04:00:30

要访问当前元素,您必须使用 $(this) 而不仅仅是 this

这是更新的小提琴。
http://jsfiddle.net/v32qy/6/

我还改变了您获取使用 jQuery text() 函数的内部文本

To access the current element you have to use $(this) and not just this

Here is the updated fiddle.
http://jsfiddle.net/v32qy/6/

I have also changed the way you are getting the inner text to use jQuery text() function

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文