jquery - jQuery代码获取attr问题

Question

我有使用 php 动态创建的元素，其 id 为 feed_container。我希望每个单独的元素都能够单独褪色。我试图通过给每个元素一个特定的类名然后使用 jquery 来获取该类然后淡入淡出来实现这一点，但没有任何反应。jquery代码如下。我研究过的一切都表明我做得对。有什么问题吗？

$(document).ready(function(){
  $("#feed_container").click(function(){
    var $key = $("#feed_container").attr('class');
    $key.fadeTo("slow",0.15);
  });
});

Answer 1

在使用 fadeTo 之前，您需要先按类选择元素。

$(document).ready(function(){
  $("#feed_container").click(function(){
    var $key = $("#feed_container").attr('class');
    $('.' + $key).fadeTo("slow",0.15);
  });
});

Answer 2

以下语句返回一个字符串，而不是一个 jQuery 对象

$("#feed_container").attr('class')

所以你不能使用

var $key = $("#feed_container").attr('class');
$key.fadeTo("slow",0.15);

因为 $key 是一个字符串并且没有fadeTo方法

也许你的意思是

$("#feed_container").fadeTo(...) 

Answer 3

为什么不只是简单地将容器淡出而不是先获取类呢？您已经拥有以下元素$(this)：

$("#feed_container").click(function() {
    $(this).fadeTo("slow", 0.15);
});

如果您有多个元素，请指定一个类：

$(".feed_container").click(function() {
    $(this).fadeTo("slow", 0.15);
});