Question

如何使下面的嵌套html标签变量起作用？现在，清单正确显示，但是b_var在网页上显示为[object object]。

var b_var = $(`<br/>
<span class="span-text">Division</span>
<select class="form-control selector-division">                          
</select>
<div></div>`);  

var alist = $(`<li class="item" data-id="">
            <span class="span-text">and</span>
            <div class="abc">`+b_var+ `</div>                    
            <div class="remove" title="Delete"></div>
            </li>`);

顺便说一下，还有其他一些使用b_var的函数，如下所示：

populate_divisions(b_var.find(".selector-division"), all_divisions_txn);

Answer 1

您看到[object object]的原因是您试图将jQuery对象隐藏在字符串上，这导致将对象的字符串表示形式附加在此情况下，即[object object]。

使用jQuery的append()方法或JavaScript标准库中的appendChild()，将HTML附加到DOM上可能会更好。

您可以在这两个文件中找到文档：

https://www.w3schools.com/jquery/html_append.asp

https://developer.mozilla.org/en-US/docs/Web/API/Node/appendChild https://www.w3schools.com/jsref/met_node_appendchild.asp

如何声明html标签的嵌套变量？

1 个答案: