使用jquery定位正确的id

Question

我有用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");
});

Answer 1

使用具有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");
});