Jquery选择动态ID

时间:2016-02-08 09:56:56

标签: javascript jquery

我正试图切换这个的可见性。你会注意到id的末尾有一个主键号:

<div id="campaign-details-container-12">

这就是我试图选择的方式:

$(document).on("click",".show-details",function () {
    $(this).blur();
    var id = $(this).data("id");
    var selector = "#campaign-details-container-"+id;
    alert(selector);

    $(selector).toggle();
    return false;
});

我怎样才能让它发挥作用?我可以在div中添加一个data-id="12"标签并使用一个类,但我该如何选择呢?

1 个答案:

答案 0 :(得分:3)

只需使用以语法开头的属性选择它:

$("[id^=campaign-details-container]");

无需使用类和id变量进行不必要的操作......

请参阅http://www.w3schools.com/cssref/sel_attr_begin.asp