Как я могу получить идентификатор определенного класса, используя jQuery?

Question

У меня есть несколько элементов div с именем класса hover, у этих элементов div есть родительские элементы div с именем класса hoverparent, но идентификаторы этих родительских элементов отличаются.

Можно ли получить идентификатор соответствующего элемента .hoverparent при наведении на мои элементы .hover div?

Я пытался получить это:

$('.hoverparent').attr('id')

Но он каждый раз дает один и тот же первый родительский идентификатор.

Структура как:

<div class="hoverparent" id="hover-1">
<div class="hover">ABC</div>
</div>
<div class="hoverparent" id="hover-2">
<div class="hover">DEF</div>
</div>

Answer 1

Вам необходимо использовать функции parent или closest, чтобы пройти по дереву DOM и найти искомый родительский элемент:

$(".hover").hover(function() {
    var $parent = $(this).closest(".hoverparent");
    alert($parent.attr("id"));
});

Разница между parent и closest в том, что первый будет работать только в том случае, если элемент .hoverparent является непосредственным родителем элемента .hover; closest будет искать вверх по всем предкам, чтобы найти его.

Answer 2

попробуйте $ (this) .parent (). Attr ('id') в обратном вызове при наведении курсора.

Answer 3

Попробуйте следующее:

$('.hover').hover(function() {
    var parentID = $(this).parent().attr('id');    alert(parentID);
});

Answer 4

$(".hover").hover(function(){

console.log($(this).closest(".hoverparent").attr("id"));
});

вот скрипка http://jsfiddle.net/9dJJ9/1/show/

Answer 5

Вы можете попробовать метод parent () .Как это:

$('a').click(function(){
  var parentId = $(this).parent('div.hoverparent').attr('id');
});

Answer 6

Используйте родительский метод в обработчике для события наведения мыши:

$('.hover').hover(function(evt){
    var par = $(this).parent().attr('id');
    //Now do with ID what you need
},
function(evt){
    //presumably you don't need anything for mouseout
});

Answer 7

Добавьте каждый цикл так:

$(".hoverparent").each(function(){
    var id=$(this).attr("id");
    alert(id);
 });

Answer 8

не называй своего класса парящим. это должно работать

$(".hover").hover(
  function () {
   var id =  $(this).parent().attr('id');
  });

Answer 9

$('.hover').mouseover(function() {
    $(this).parent().attr('id');
});