jQuery：如何将变量分配回文档中的隐藏元素？

Question

如何将变量（单击的按钮 id）分配给 jQuery Diaglog，然后返回到文档中的隐藏元素（myhiddenid）以供以后使用？

<table border="0" class="time_data">
    <td><button type="button" id='001' class="del-fruit" > Apple </td>
    <td><button type="button" id='002' class="del-fruit" > Banana </td>
    <td><button type="button" id='003' class="del-fruit" > Cantalope </td>
</table>

<div id='myhiddenid' style="display:none;"></div>

<script type="text/javascript">
$("#dialog-form").dialog({
    autoOpen: false,
    height: 150,
    width: 350,
    modal: true,
    resizable: false,
    buttons: {
        'Yes': function() {
            var bValid = true;
            allFields.removeClass('ui-state-error');

            bValid = bValid 

            if (bValid) {
                //the assining of myhiddenid should be here!!
                //and should contain the ID of the button that i clicked.
                $(this).dialog('close');
            }
        },
        No: function() {
            $(this).dialog('close');
        }
    },
    close: function() {
        allFields.val('').removeClass('ui-state-error');
    }
});


$('.del-fruit')
    .button()
    .click(function() {
    $('#dialog-form')
        .dialog( "option", "title", this.id )
        .dialog('open');
});
</script>

Answer 1

您可以使用隐藏字段并为其分配值，而不是 div：例如

HTML

<input type="hidden" id="hdnId" />

jQuery

$("#hdnId").val(id);

Answer 2

同意第一个答案，但如果你想使用隐藏的 div:

set:

$("div#myhiddenid").html("whateverId");

get:

var foo = $("div#myhiddenid").html();

Answer 3

另一种方法是使用 jQuery .data() 函数来存储针对元素的信息，例如针对 #dialog-form 本身，并使用它来表示从对话框返回的信息。如果您发现自己需要返回的不仅仅是一个简单的 ID，这会很方便，因为您可以直接存储对象，而不必从隐藏字段来回序列化信息。

以下是基于 HTML 的示例： http://jsbin.com/omexi5

当文档加载时，每个按钮表中的 被分配了一个单击处理程序，该处理程序首先将其 ID 记录在对话框的 .data() 中，然后打开对话框。对话框的“打开”事件处理程序使用 .data() 中的 ID 在对话框内设置消息，然后“是”处理程序使用它来查找和更新表按钮的文本。

希望有帮助。