在包含 html 代码 jquery 的变量中更改 Id & Class答案

【问题标题】：Change Id & Class Inside a variable containing html code jquery在包含 html 代码 jquery 的变量中更改 Id & Class
【发布时间】：2016-03-30 19:31:43
【问题描述】：

我正在尝试做的是点击 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>

我保留了这个 div，我点击的是

$(".AddMoreButton").click(function () {
        var type = $(this).val();
        var idname = $(this).attr("id");
        var id = idname.replace("AddMore", "");
        alert(id);
        var adddiv = $('#MemberCountDiv').html();
        alert(adddiv);
        adddiv.find('.MemberDescriptionAdd').attr('id', 'your-new-id');
        alert(adddiv);
    });

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

错误：

adddiv.find is not function

【问题讨论】：

试试$('#MemberCountDiv').find('.MemberDescriptionAdd').attr('id', 'your-new-id');

标签： javascript c# jquery html find

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

您不能使用字符串来执行这些操作。只需使用.clone()：

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

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

【讨论】：