使用jquery以正确的id为目标

Target proper id with jquery

本文关键字：id 目标 jquery 使用      更新时间：2023-09-26

我有用php创建的按钮和div（隐藏），它们看起来像这样：

// while loop start
echo "<img id='epopedit$id' src='img/edit.png' />";
echo "<div id='edialog$id' style='display:none'>
<!-- some data -->
</div>";
// while loop end

如何用img（epopedit）打开相应的div（edialog）？这是我的代码，但它打开了所有的div：

$("[id^=epopedit]").on("click", function(){
   $("[id^=edialog]").dialog(options).dialog("open");
});

使用具有data-*属性的公共类来标识特定元素。类似这样的东西：

echo "<img class='epopedit' data-idp='$idp' src='img/edit.png' />";
echo "<div class='edialog' data-idp='$idp' style='display:none'>
<!-- some data -->
</div>";

$(".epopedit").on("click", function() {
    var $el = $(this);
    $(".edialog").filter(function() {
        return $(this).data('idp') == $el.data('idp');
    }).dialog(options).dialog("open");
});
相关文章：