Jquery не определено для jquery.parent (). Attr ()

Question

Это родительский div, это HTML-шаблон, созданный с использованием Moustache.js

<div class="downloadReport" param ="{{#params}}{{id}}{{/params}}"><a href="#">
<img class="downloadMVReportFromAdmin" alt ="{{mainTitle}}" src="{{indexPageImageURL}}"  
/><br/>'
'<input type="button" id="{{id}}-button" value="Download"   
class="downloadMVReportFromAdmin" param="{{#params}}{{paramValue}}{{/params}}"/></a>
</div>'

Я пытаюсь использовать

$(.downloadMVReportFromAdmin).live('click',function(){
    var url = $(this).parent('.downloadReport').attr("param");
    alert(url);
}

Я получаю неопределенное значение для переменной URL-адреса IЯ просто следую синтаксису, заданному для jquery.parent () на сайте jquery.Пожалуйста, поправьте меня, если я неправ.

Answer 1

Вы должны использовать .closest вместо .parent

.parent соответствует только непосредственному родителю, тогда как .closest подходит к DOM, пока не найдет совпадение с вашим селектором.

Answer 2

пропущены кавычки, и нужен еще один родительский вызов ()

$('.downloadMVReportFromAdmin').live('click',function(){
var url = $(this).parent().parent('.downloadReport').attr("param");
alert(url);
});