从 JQuery 变量中删除所有标签元素

Question

我使用以下内容：

var transferTemplate = $('#transfersRow').html(); 

为了将一些 html 代码存储在一个变量中，结果是：

<div class="form-group row">

     <div class="col-lg-4">
         <label for="inc[1].a">Counterparty</label>
         <input type="text" class="form-control" id="inc[1].a" 
                name="inc[1].a" placeholder="Enter Counterparty">
     </div>

</div>

现在我希望能够从 html 代码中删除所有标签。 我试过：

$(transferTemplate).find(label).remove();

$(transferTemplate).remove('label');

$(transferTemplate).filter('label').remove();

但没有一个工作。

Answer 1

首先，您需要在每一行中选择要删除标签的行：

像这样：

$(".row").each(function( index ) {
   $(this).find("label").remove(); //find label at each row and remove.
});

我希望这有帮助。

Answer 2

我认为您误解了 html() 的结果。 它不返回 Jquery DOM 对象。 结果只是一个字符串表示。 只需删除 .html() ，我相信您将能够调用您想要的函数。

var transferTemplate = $('#transfersRow');

Answer 3

这将返回 HTML 的字符串表示形式：

var transferTemplate = $('#transfersRow').html(); 

您可以像这样从此字符串中删除标签：

$(transferTemplate).find('label').remove();

然而，这一切都会创建一个新的jQuery 对象，其中包含 HTML 减去标签。 它不会更新transferTemplate变量。

相反，您可以将$(transferTemplate)分配给一个新变量。

这将允许您删除标签并仍然可以访问更新的 HTML。

片段

 var transferTemplate = $('#transfersRow').html(), template = $(transferTemplate); template.find('label').remove(); $('textarea').val(template.html());

 textarea { width: 100%; height: 10em; }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="transfersRow"> <div class="form-group row"> <div class="col-lg-4"> <label for="inc[1].a">Counterparty</label> <input type="text" class="form-control" id="inc[1].a" name="inc[1].a" placeholder="Enter Counterparty"> </div> </div> </div> <hr> <strong>Output</strong> <textarea></textarea>

Answer 4

好吧，我想正确的方法是： $(transferTemplate).find('label').remove();

https://api.jquery.com/remove/就像倒数第二个例子...