Question

在具有类“parent”的元素下动态创建元素并应用了一些css类，即“child” 现在我想对它应用一些“id”，所以我想知道如何做到这一点

$(".parent").append("<a class='child' href='#bookmark" + cAnchorCount++ + "'> "+ $(this).text()  +"</a>");

以及如何将某些事件绑定到它上面，就像鼠标悬停在事件上一样

我尝试了这个，但没有奏效

$(".pushLinkBtnContainer").append("<a id='$(this).text()' class='pushLinkBtn' href='#bookmark" + cAnchorCount++ + "'>".bind("mouseover", function() {
                $(this).css("background-color", "red");
            }) + "</a>");

Answer 1

简单ID：

$(".pushLinkBtnContainer").append("<a id='someid' class='pushLinkBtn' href='#bookmark" + cAnchorCount++ + "'> "+ $(this).text()  +"</a>");

动态ID：

1）

$(".pushLinkBtnContainer").append("<a id='someid"+variable_name+"' class='pushLinkBtn' href='#bookmark" + cAnchorCount++ + "'> "+ $(this).text()  +"</a>");

2）

$(".pushLinkBtnContainer").append("<a id='"+variable_name+"' class='pushLinkBtn' href='#bookmark" + cAnchorCount++ + "'> "+ $(this).text()  +"</a>");

绑定事件：

$(".pushLinkBtnContainer").on("mouseover","#someid",function(){
    //execute statements
});

Answer 2

$(".pushLinkBtnContainer").append("<a id="'pushLinkBtn_' + cAnchorCount + '" class='pushLinkBtn' href='#bookmark" + cAnchorCount++ + "'> "+ $(this).text()  +"</a>");

Answer 3

使用：

$(".pushLinkBtnContainer").append("<a id='" + cAnchorCount + '" class='pushLinkBtn' href='#bookmark" + cAnchorCount++ + "'> "+ $(this).text()  +"</a>");

如何在下面的Jquery代码中应用“id”

3 个答案: