html追加一个div,从另一个html文件追加div

选项1

正如您现在所做的那样，只需拨打一次$.get电话，然后通过您的element通过对您点击的function的引用，如下所示：

• CS
• PS

JS 强>

function test2(ctrl)

{

var element=$(ctrl).attr('value');

$.get('external/list.html', function (data) {

$(data).filter(element).appendTo(＆＃39; #content＆＃39;); 击>

//element will have value either #PS or #CS

});

}

注意 - .appendTo会继续将数据附加到DOM，而是使用每次都替换内容的.html

实施例强>

$(data).filter(element).html('#content');

选项2

您还可以将click个标记附加到a标记，并为两者添加公共类，从而删除内联function调用，如下所示：

• CS
• PS

JS 强>

$(".menu").on('click',function(){

var element=$(this).attr('value'); //this refers to clicked element

$.get('external/list.html', function (data) {

$(data).filter(element).appendTo(＆＃39; #content＆＃39;); 击>

//element will have value either #PS or #CS

});

});

更新强>

理想情况下html应该有效，但我以错误的方式强加它。你只需要改变一件事如下：

$("#content").html($(data).filter(element));