javascript - 对话框点击jquery获取html跨度值

Question

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

$("#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按钮(位于对话框内)时添加一个功能我将在对话框的html中获取span的值，以便我可以将其用作ajax请求的参数

Answer 1

您可以简单地执行“添加”功能中的功能:

...
"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
}