Question

如何查看div是否已添加/添加，我有以下内容：

<div class="columns">...</div>
<div class="columns">...</div>
<div class="columns">...</div>

我有一个按钮添加更多，女巫将追加新的div，我的问题是如何观看是否添加了另一个div。

我的目标是将输入数据从新的div追加到现有数组中。

在div中，我输入如下内容：

<div class="columns"><input type="text" name="device_id[]" ></div>

我保存了输入值链接：

device_id = $('input:enabled[name="device_id[]"]').map(function () {
    return $(this).val(); // $(this).val()
}).get();

所以我需要将新的输入数据从新的div推送到现有的数组 device_id

Answer 1

我有一个按钮，添加了更多女巫，将追加新的div ...

在您的添加更多按钮功能中，插入代码之后，您可以附加div

例如：

let arr = [];

function addMore(){
    // div to append...
    var el = <div class="columns"></div>

    // target to append the div
    id.append(ed);

    //ADD CODE HERE AS THE DIV HAS BEEN APPENDED.......
    // Example
    arr.push(el);
}

希望这会有所帮助！

Answer 2

好，我找到了。附加输入的名称有一个小错误。

我更改了名称，然后得到了正确的结果！已经一切正常了。

device_id = $('input:enabled[name="device_id[]"]').map(function () {}

答案在input:enabled[name="device_id[]处，它将在任何输入时映射：enabled 的所有输入。

Answer 3

我有一个按钮添加更多，女巫将附加新的div ...

在该按钮上使用事件处理程序，因为您知道它会添加div。

如果您需要了解是否其他将div添加到某个容器中，则可以使用(a:Test)-[r]-()选项使用mutation observer。

注意附加的新div

3 个答案: