输入值时删除动态添加的标签文本

Question

如果输入的值为空，我已将所有标签文本附加到 div#test，并且希望在用户在文本框/下拉列表中输入/选择值时删除相同的标签文本。

<div id="test">

</div>

$('input, select').each(function(){

    var $element = $(this)

    if ($element.val() == '') {

        var $label = $("label[for='"+this.id+"']");

        $("#test").append($label.text());

    }

}); 

注意：由于表格较大，仅添加了相关代码。

Answer 1

我不太确定这就是你想要的。如果我理解你的问题，你想从 #test div 中删除在输入字段中具有值的标签。HTML 代码：<label for="input_1">Label</label><br /><input type="text" name="input_1"/><br /><label for="input_2">Label2</label><br /><input type="text" name="input_2" />JavaScript 代码：function addEmptyToDiv() {&nbsp; &nbsp; $('input, select').each(function(){&nbsp; &nbsp; &nbsp; &nbsp; var $element = $(this)&nbsp; &nbsp; &nbsp; &nbsp; if ($element.val() == '') {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var $label = $("label[for='"+this.name+"']");&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $("#test").append($label.text());&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; });&nbsp;}addEmptyToDiv();$('input, select').on("change paste keyup blur", function() {&nbsp; &nbsp; // Remove everything from the #test div&nbsp; &nbsp; $("#test").empty();&nbsp; &nbsp; addEmptyToDiv();});工作小提琴：&nbsp;https://jsfiddle.net/6csyoL24/