Javascript 如何解析HTML&;使用jQuery替换字符串中的标记?

Javascript 如何解析HTML&;使用jQuery替换字符串中的标记?,javascript,jquery,html,parsing,Javascript,Jquery,Html,Parsing,我有这样一个字符串(为了便于阅读,未在此处显示): 但是当我使用find时,如果使用$(input).find(“#EditContainer”),我会得到一个空输出 如何解析此字符串并替换EditContainerdiv的内容?您遇到的问题是#EditContainer元素位于字符串的根级别,因此您需要使用filter(),而不是find()。试试这个: var输入=“”+ '' + “YFC”+ '' + '' + “管理”+ '' + “信息”+ '' + '' + “身份证”+ '12

我有这样一个字符串(为了便于阅读,未在此处显示):

但是当我使用find时,如果使用
$(input).find(“#EditContainer”)
,我会得到一个空输出


如何解析此字符串并替换
EditContainer
div的内容?

您遇到的问题是
#EditContainer
元素位于字符串的根级别,因此您需要使用
filter()
,而不是
find()
。试试这个:

var输入=“”+
'' +
“YFC”+
'' +
'' +
“管理”+
'' +
“信息”+
'' +
'' +
“身份证”+
'1252' +
'' +
'' +
“类型”+
“健身房”+
'' +
'' +
'' +
'' +
“编辑位置”+
'';
变量$input=$(输入);
$input.filter('#EditContainer').html('Save-Edit-Cancel-Edit');
$input.appendTo('body')
var input='<div id="container" style="max-width: 310px;">
    <div class="popupheadermap">
        <b>YFC</b>
    </div>
    <input checked="checked" id="tab-1" name="tab-group" type="radio">
    <label for="tab-1">Administration</label>
    <input id="tab-2" name="tab-group" type="radio">
    <label for="tab-2">Information</label>
    <div id="content">
        <div id="content-1">
            <td>Id</td>
            <td class="tablerow">1252</td>
        </div>
        <div id="content-2">
            <td>Type</td>
            <td class="tablerow">Gym</td>
        </div>
    </div>
</div>
<div id="EditContainer">
    <button class="editMarker" id="1252"><i aria-hidden="true" class="fa fa-pencil editicon"></i>Edit Location</button>
</div>';
<div id="EditContainer">
    <button id="1126_1" class="saveCancel"><i class="fa fa-floppy-o editicon" aria-hidden="true"></i>Save Edit</button> 
    <button id="1126_2" class="saveCancel"><i class="fa fa-ban editicon" aria-hidden="true"> </i>Cancel Edit</button>
</div>