jquery - 检查div html中不包含

Question

我有一个div <div id="maindiv"></div>和一些复选框，用于在该 maindiv 内添加一些 html 元素。

当我选中该复选框时，我需要附加 <div id="subdiv"></div>检查它不包含该元素后。分割 ID 将根据所选的复选框而变化。

当我取消选中该复选框时，我需要删除 <div id="subdiv"></div>如果存在的话。

如何使用 jquery 做到这一点？

Answer 1

试试这个:

    $(function() {
        var chk = "<input id=\"sex\" name=\"sex\" type=\"checkbox\">";
        var sub = "<div id=\"subdiv\">hello</div>";
        $("#container").prepend(chk);

        $("#sex").click(function(event) {
            if ($("#maindiv").data('sex')) {
                $("#maindiv").data('sex', false);

                $("#subdiv").remove();
            } else {
                $("#maindiv").data('sex', true);
                $("#maindiv").append(sub);
            }
        });             
    });

HTML:

<div id="container">
    <div id="maindiv">main</div>
</div>

我使用数据进行检查。