点击此处,在td内引用锚点

时间:2010-09-16 17:22:09

标签: jquery jquery-selectors

这就是我所拥有的:

<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);
    }
);

});

我想要做的是当一个人点击td时传递锚点内的属性,当人们点击td外面的tr时,也可以做同样的事情,但是td会做。 (警报只是一个实验,看看我是否可以引用内部链接,但它不起作用)。我也知道我可以将属性放在td中,让我的生活更轻松,但我也想学习。

2 个答案:

答案 0 :(得分:1)

如果我做对了,这就是你需要的:

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

答案 1 :(得分:0)

您可以使用.find()来获取后代元素(在这种情况下也是.children()),如下所示:

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

You can give it a try here,对于其他相关方法,您需要the tree traversal section of the jQuery API