Код jQuery get attr issue

Question

У меня есть элементы, созданные динамически с использованием php с идентификатором 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); 

Поскольку $ ключ является строкой и не имеет 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); 
});