javascript - 获取事件的 jQuery UI 对话框

Question

我有一些通用的 div，它们在屏幕上创建了多次，没有 id。每个表单都会转换为带有“确定”按钮的对话框。

“ok”正在触发一些逻辑，并且对当前对话框有效。

我如何才能仅访问事件对话框中的输入？

<div class="ranges-editor">
    <input class="a" />
</div>

<div class="ranges-editor">
    <input class="a" />
</div>

$(".ranges-editor").dialog({
    autoOpen: false,
    width: "auto",
    height: "auto",
    buttons: [
        {
            text: "Update",
            click: function () {
                alert($(".a").val());
                $(this).dialog("close");
            }
        }
    ]
});

Answer 1

检查这是否有效？

$(".ranges-editor").dialog({
    autoOpen: false,
    width: "auto",
    height: "auto",
    buttons: [
        {
            text: "Update",
            click: function () {
                alert($(this).find(".a").val());
                $(this).dialog("close");
            }
        }
    ]
});