Javascript 使用jquery获取链接的单击事件时链接的rel attribute值

Javascript 使用jquery获取链接的单击事件时链接的rel attribute值,javascript,jquery,click,rel,Javascript,Jquery,Click,Rel,我有很多这样的链接,具有不同的rel属性 <a href="#" class="buy" rel="WVSEU1Y">buy</a> 更新:我更正了我的html错误。这并不能防止违约。点击事件似乎不起作用 将代码添加到所有其他脚本的顶部工作。在本例中,此绑定到全局对象。我相信event.target将是您想要的DOM对象 $("a.buy").click(function(event) { event.preventDefault(); //here, this ref

我有很多这样的链接,具有不同的rel属性

<a href="#" class="buy" rel="WVSEU1Y">buy</a>
更新:我更正了我的html错误。这并不能防止违约。点击事件似乎不起作用


将代码添加到所有其他脚本的顶部工作。

在本例中,此
绑定到全局对象。我相信
event.target
将是您想要的DOM对象

$("a.buy").click(function(event) {
event.preventDefault();
//here, this refers to the global object, not the a element
//unless jquery is doing some magic to bind it
//event.target at this point in execution should be the a element
var msg =  $(this).attr('rel'); 
alert(msg);

});

在本例中,此
绑定到全局对象。我相信
event.target
将是您想要的DOM对象

$("a.buy").click(function(event) {
event.preventDefault();
//here, this refers to the global object, not the a element
//unless jquery is doing some magic to bind it
//event.target at this point in execution should be the a element
var msg =  $(this).attr('rel'); 
alert(msg);

});
这里工作正常,但请注意HTML中有一个错误,您缺少
href=#“

确保您的代码也包装在DOM就绪中:

$(function(){
// your code
});
这里工作正常,但请注意HTML中有一个错误,您缺少
href=#“

确保您的代码也包装在DOM就绪中:

$(function(){
// your code
});
试试这个

$(document).ready(function(){

       $("a.buy").live('click',function(event) {
          event.preventDefault();
          var msg =  $(this).attr('rel');
          alert(msg);

        });   
});
试试这个

$(document).ready(function(){

       $("a.buy").live('click',function(event) {
          event.preventDefault();
          var msg =  $(this).attr('rel');
          alert(msg);

        });   
});

我已经测试过了,写起来没问题。代码如下:

<a href="#" class="buy" rel="WVSEU1Y">buy</a>
<script type="text/javascript">
    $(function () {
        $(".buy").bind("click", function () {
            alert($(this).attr("rel"));
        });
    })
</script>

$(函数(){
$(“.buy”).bind(“单击”),函数(){
警报($(this.attr(“rel”));
});
})

我已经测试过了,编写没有问题。代码如下:

<a href="#" class="buy" rel="WVSEU1Y">buy</a>
<script type="text/javascript">
    $(function () {
        $(".buy").bind("click", function () {
            alert($(this).attr("rel"));
        });
    })
</script>

$(函数(){
$(“.buy”).bind(“单击”),函数(){
警报($(this.attr(“rel”));
});
})

@esagwan那么问题就出在别处了。请共享您的其余代码,或提供指向您的页面的链接。@esagwan问题出在别处了。请同时共享其余代码,或提供指向页面的链接。如果此操作不起作用,并且应该如此,则脚本中的其他地方可能有错误。将jQuery粘贴到中,并查看它是否抛出任何错误;未终止的字符串、语法错误等。如果没有错误,请检查是否有其他函数/处理程序干扰您的单击处理程序。如果此操作不起作用,并且应该如此,则脚本中的其他地方可能有错误。将jQuery粘贴到中,并查看它是否抛出任何错误;未终止的字符串、语法错误等。如果没有错误,请检查是否存在干扰单击处理程序的其他函数/处理程序。