Question

我使用下面的代码创建一个简单的灯箱效果，但点击的项目的ID返回空

jquery的：

function openBigImage(){
    var id = this.id;
    var contenti = "#"+id;
    $(contenti).css("display", "block");
    alert(contenti);
    $(contenti).animate({
            left: "-=448px",
            width: "+=896px",
            top: "-=227px",
            height: "+=454px",
            padding:"+=10px"
            }, 400 );
    $("body").prepend( "<div id='erresira'></div>" );
    $("#close").css("display", "block");
};

的HTML / PHP：

<span  class="link">
                <h4> <?php echo substr($item->title, 0, 12); ?> </h4>
                <div class="cont"> 
                    <span>Guarda il profilo></span> 
                </div>
            </span> 
            <div id="contenti<?=$item->id;?>" class="contenti" >
                <strong><?php echo substr($item->title, 0, 12); ?></strong> 
                <strong><p class="mod-articles-category-introtext"> <?php echo $item->displayIntrotext; ?> </p></strong> 
            </div>

我做错了什么？

Answer 1

<span class="link">没有id属性。

您不需要其ID来获取jquery对象：

$(this)（假设您没有更改点击处理程序的上下文）

$(event.currentTarget)（假设你这样做）

即

$(".link").click(function(e) {
     $(this).someJQueryFunction();
     $(e.currentTarget).someJQueryFunction();
});

如何根据类jquery获取clicked元素的id

1 个答案: