Jquery 悬停在这个类上

Question

我想出了这段代码来添加任何文本作为类名:

$(".entry-content p").each(function( index ) {
                    var className = $(this).text();
                    className = className.toLowerCase().replace(/ /g, '-');
                    $(this).addClass(className);
                });

现在我正在尝试编写一个仅适用于类名的悬停函数，如下所示:

$('.entry-content p.' + $(this).attr("class")).hover(function(){

但是当我将鼠标悬停在我的段落上时它不起作用，但是如果我输入类名(假设类名是 180 段)而不是 $(this).attr("class") 像这样:

$('.entry-content p.180-paragraph).hover(function(){

我做错了什么？

Answer 1

你的主要问题在这里:

$('.entry-content p.' + $(this).attr("class")).hover(function(){

你不能使用 $(this) 因为你不在 jQuery 函数处理程序中，所以它不可用。

其次，addClass 只是将类添加到元素的 class 属性，因此您最终可以得到这样的类属性:

<p class="one two three">...</p>

因此，您的选择器将是这样的，这是错误的:

$('.entry-content p.one two three').hover(...

此外，您在这里缺少一个':

$('.entry-content p.180-paragraph).hover(...