JQuery - Получение второго уровня родительского элемента

Question

Я пытаюсь получить Родитель < а> родительского элемента (прародитель?). Я хочу найти этого дедушку, а затем найти тег < b> в этом элементе, а затем сохранить этот текст как переменную, опубликованную в другом месте на странице. Я пытался использовать функцию parent(), но безуспешно.

Вот код, который я попробовал:

$('.mixPlayCell a').click(function() { 
     var title = $(this).parent().get(0).parent().get(0).text(); 
     alert(title); 
    }); 

Answer 1

попробовать:

$(this).parent().parent().find('.thingtofind').text(); 

Answer 2

$('.mixPlayCell a').click(function() { 
    elem = $(this).parent().parent(); 
    title = $("tag selector goes here",elem).html(); 
}); 

Что-то вроде этого?

Answer 3

$(this).parent().parent().find('mytag').text() 

Должно работать нормально.

Вы можете использовать любой селектор в методе find. Если вам просто нужно искать в непосредственных детях элемента прародителя, вы можете также использовать $.children вместо find, который ищет во всех детях элемента.

Answer 4

Существует только один из родителей, нет необходимости .get (0)

var title = $(this).parent().parent().find("whateveryouwant").html(); 

Answer 5

Для выбора второго родителя

parents(':eq(1)') 

выглядит более гладкой, чем

parent().parent() 

Кроме того, вам может обнаружить, что

closest('ul') 

подходит для работы лучше.

Answer 6

Попробуйте это для простой реализации:

$('.mixPlayCell a').click(function() { 
    var title = $(this).parents().text(); 
    alert(title); 
}); 

просто изменил .parent() с одним .parents()

это работает для каждой версии JQuery.

Answer 7

parents() возвращает список, так что это работает:

$(this).parents()[1];