Ссылка привязки внутри тд на клик этого

Question

вот что у меня есть:

<td class="player"><a class="link" data-display="0" data-id="1" data-workdir="4">Image.jpg</a></td>

Хорошо, а вот мой jQuery:

$(".player").click(function(){
alert($(this + " a.link").attr("data-display"));
// Código para llamar al reproductor indicado
$.post(
    "php/player.php",
    { display : $(this).attr("data-display"), id : $(this).attr("data-id"), workdir : $(this).attr("data-id") },
    function(data){
        alert(data);
    }
);

});

Что я пытаюсьсделать, это передать атрибуты, которые находятся внутри якоря, когда человек нажимает на тд, было бы также здорово сделать то же самое, когда человек нажимает на т-р за пределами тд, но тд будет делать.(Предупреждение - просто эксперимент, чтобы увидеть, могу ли я ссылаться на внутреннюю ссылку, но это не сработало).Я также знаю, что могу поместить атрибуты в тд и сделать мою жизнь проще, но я также хотел бы учиться.

Answer 1

Если я правильно понял, это то, что вам нужно:

alert($("a.link", this).attr("data-display"));

Answer 2

Вы можете использовать .find() для получения элемента-потомка (или, в данном случае, .children()), например:

$(this).find("a.link").attr("data-display")

Вы можете попробовать здесь , для других относительных методов вы хотите секцию обхода дерева API jQuery .