如何在jquery中的另一个span标签内添加span标签？

我有jQuery中下面的代码中，我试图父span标签下添加一个孩子：如何在jquery中的另一个span标签内添加span标签？

jQuery的

var branchName = $(this).closest('tr').find('#adjNcmcompanyNameId').text(); 
var branchId = $(this).closest('tr').find('#adjNCMBranchIdForSearch').text(); 
var branchRecord = $(this).parents().find('#resultsection'); 
branchRecordSpan = ("<span class='multiselectContainer'></span>"); 
branchRecordSpan.append("<span class='indivSelectedText'>" + branchName + "</span>"); 
branchRecordSpan.append("<input class='indivSelectedValue' type='hidden' value=" + branchId + ">"); 
branchRecordSpan.append("<strong class='alert-pink'><i class='fa fa-chevron-left fa-lg'></i></strong>"); 
branchRecordSpan.append("</span>"); 
branchRecordSpan.append("<br/>");

HTML，我试图让

<div id="resultsection"> 
    <span class="multiselectContainer" id= 
    "c85a47e3-40c0-48e1-95f0-89dd761dbb56"><span class= 
    "indivSelectedText">MY BRANCH</span> <input class="indivSelectedValue" 
    type="hidden" value="183424"> <strong class="alert-warning"><i class= 
    "fa fa-chevron-left fa-lg"></i> <i class="fa fa-database"></i> 
    ,DATAHUB/ 8683403</strong> <a class="fa fa-times-circle labelclose" 
    href="#"></a></span><br> 
</div>

因为所有的内容都在multiselectContainer span class下，所以我试图ge动态使用附加nerate html，我失败了。当我尝试追加branchRecordSpan时，它会抛出错误，因为它不是函数。我无法为“multiserleccontainer”跨班级创建孩子。

如何在另一个span标签下动态创建span标签？请帮忙。

来源

2016-08-24 Yash

['insertAfter'（http://api.jquery.com/insertafter/）？ – Scott

分阶段进行。

x = $('<span>parent span</span>'); 
x.append('<span>new child span</span>'); 

someparent.append(x);

，或直接做到这一点：

x = $('<span>parent<span>child</span></span>');

第二个选项通常更有效的是。每当DOM发生某种事情时，都会有相当数量的后台工作来解析/修改/重新渲染/等等......一般来说，最好将html构建为字符串，然后将其插入DOM中，而不是将其插入一个大块中比一系列较小的块。

来源

2016-08-24 14:15:41

你救了我的一天。这只是一件小事。非常感谢你 – Yash

你忘了这里是美元符号：

branchRecordSpan = ("<span class='multiselectContainer'></span>");

来源

2016-08-24 14:17:15 Mansuro

谢谢..我注意到... – Yash

如何在jquery中的另一个span标签内添加span标签？

回答

相关问题