Javascript 更改Id&；在包含html代码jquery的变量内初始化

我要做的是点击AddMore按钮，我会得到按钮的id

 <div id="MemberCountDiv">
                <div class="MemberDescriptionAdd" style="display:none;">
                    <select name="MemberCountType" id="MemberCountTypeX" class="MemberCountTypeX form-control ">
                        <option selected="selected" value="">Condition</option>
                        <option value="<">Less Than (&le;)</option>
                        <option value=">">Greater Than (&ge;)</option>
                        <option value="=">Equal</option>
                    </select>
                    <select name="MemberCount" id="MemberCountX" class="MemberCountX form-control ">
                        <option selected="selected" value="">Members</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                        <option value="5">5</option>
                        <option value="6">6</option>
                        <option value="8">7 Or More Than 7</option>
                    </select>
                    <button id="RemoveX" class="btn btn-blue" type="button">Remove</button>
                </div>
            </div>

我要做的是将id附加到id和类中

错误：

adddiv.find is not function

---

这是因为adddiv是html字符串，而不是元素的jquery对象。使用：

var adddiv = $('#MemberCountDiv');
alert(adddiv.html());
adddiv.find('.MemberDescriptionAdd').attr('id', 'your-new-id');
alert(adddiv.html());

---

不能使用字符串执行这些操作。只需使用

.clone（）

：

现在，

adddiv

充当HTML元素，您可以进行所有更改。

尝试

$（'MemberCountDiv'）。查找（'MemberDescriptionAdd'）。attr（'id'，'your new id'）
var adddiv = $('#MemberCountDiv');
alert(adddiv.html());
adddiv.find('.MemberDescriptionAdd').attr('id', 'your-new-id');
alert(adddiv.html());

var adddiv = $('#MemberCountDiv').clone();
alert(adddiv.html());
adddiv.find('.MemberDescriptionAdd').attr('id', 'your-new-id');
alert(adddiv.html());