jquery - HTML 对象丢失

Question

我有一个页面，其中通过 JQuery 加载函数填充表 TR 和 TD。一切正常。以下是填充到表中的实际 html。

                <tr>
                <td width="50%" colspan="1" align=left bgcolor=696969>
                    <font style="COLOR: white; FONT: 8pt/11pt verdana">
                        Route Name
                    </font>
                </td>
                <td width="30%" colspan="1" align=right bgcolor=696969>
                    <font style="COLOR: white; FONT: 8pt/11pt verdana">
                        Traffic Percentage
                    </font>
                </td>
            </tr>
            <tr>
                <td width="50%" colspan="1" align=left>
                    TRN_01
                </td>
                <td width="30%" colspan="1" align=right id="X1" onclick='opendlg("X1", "70");'>
                    70
                </td>
            </tr>
            <tr>
                <td width="50%" colspan="1" align=left>
                    RTN_02
                </td>
                <td width="30%" colspan="1" align=right id="X2" onclick='opendlg("X2", "30");'>
                    30
                </td>
            </tr>

如果您可以看到我有一个功能可以打开一个对话框，我可以用它来编辑 PCT 值。对话框关闭后，我尝试更新 TD 的值，并且尝试使用 $("#X2") 或 getElimentByID 访问它们，但似乎没有任何效果。以下是代码的精简版本。

var dlg;

$(document).ready(function () {

$("#SEL_PFX").change(function() {

$("#TBL_OUTPUT").load("getdata.php?TYPE=3"+"&PARAM1=" + encodeURIComponent($("#SEL_PFX").val()), function() {

                dlg = $("#DLG_PCT_ADJ").dialog({

                    autoOpen: false,
                    height: 200,
                    width: 300,
                    modal: true,
                    buttons: {
                        "Update Value": function () {
                            if ($("#newpct").val() >= 5 && $("#newpct").val() <= 100)
                            {
                                var XTDID = $(this).data("TDID");
                                alert($("#" + XTDID).val());
                            } else {
                                alert('The value must be between 5 and 100');
                            }
                        },
                        Cancel: function () {
                            dlg.dialog("close");
                        }
                    }
                });
        });
});

function opendlg(tdid, tdval)
{
    dlg.data('TDID', tdid).data('PCT', tdval).dialog('open');
    $("#newpct").val(tdval);
}

真的很想听听你的想法。

Answer 1

表单控件具有值。其他元素则不然。

使用.text()或.html()，而不是.val()。