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

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() {

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

        var $element = $(this)

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

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

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

        }

    }); 

}

addEmptyToDiv();

$('input, select').on("change paste keyup blur", function() {

    // Remove everything from the #test div

    $("#test").empty();

    addEmptyToDiv();

});

工作小提琴： https://jsfiddle.net/6csyoL24/