单击 jquery 时对话框获取 html 跨度值

Question

这就是我打开对话框的方式我很久以前找到了一个教程，但我忘记了那个教程的 link

$("#dialog1").html("Mr. " + "<span id='name'>" + data[i].name + "</span>" + "has a building property in <span id='address'>" + data[i].address + "</span>");
$("#dialog1").dialog({title: pml});
$("#dialog1").dialog("open");

这就是我创建对话框的方式

var div = $("<div id='dialog1'>");
    $("body").prepend(div);
    $("#dialog1").dialog({
        autoOpen: false,
        resizable: false,
        modal: true,
        //title: "Modal",
        height: 250,
        width: 400,
        buttons: {
            "Add": function() {
                $(this).dialog('close');
            },
                "No": function () {
                $(this).dialog('close');
            },
        "close": function () {
            $(this).dialog('close');
        }
        }
    });

目前按钮 add and no 具有关闭对话框的功能，但我想添加一个功能，当 add button(which is inside the dialog box) is clicked 我将在 [=16] 中获取跨度的值=] 这样我就可以将它用作 parameter for ajax request

Answer 1

您可以简单地在 "Add" 函数中执行函数：

...
"Add": function() {
            $(this).dialog('close');
            somefunction($('#span_id').text());  // #span_id = id of span whitch you want to get text from
},
...

和

function somefunction(text) {
   // ajax call
}

单击 jquery 时对话框获取 html 跨度值

dialog get html span value on click jquery

html

javascript

ajax

jquery

modal-dialog