Question

我要从输入中追加多个值，好奇我如何干掉追加代码。可能是一个功能，谢谢！

    var $inputFirst = $('input:first').val();
    var $inputSecond = $('input:second').val();
    $('ul').append('<li>' + $inputFirst + '</li>');
    $('ul').append('<li>' + $inputSecond+ '</li>');

Answer 1

这应该对你有用

$(':input').each(function(i){
    $('ul').append('<li>'+$(':input').eq(i).val()+'</li>')
})

Answer 2

假设您拥有相同数量的input和li。您可以遍历li并附加相应的输入值。

inputs = $('input');
$('ul li').each(function(){
    $this).append(inputs.eq($this).index()));
});

注意作为附加说明，您使用的标记将影响整个页面。它可能包含您不希望成为其中一部分的元素。因此，请使用类或其他一些属性来访问li和input元素。

inputs = $('.class-of-input');
$('.class-of-ul li').each(function(){
    $this).append(inputs.eq($this).index()));
});

Answer 3

嘿，我在jsfiddle上为你创建了一个例子： -

$(document).ready(function() {

    $("#createLI").click(function() {
        var lis = "";
        $(".forLI").each(function() {
            var vl = $(this).val();
            lis += "<li>" + vl + "</li>"
        });

        $("ul").append($(lis));
    });
});

工作示例链接：http://jsfiddle.net/BtkCf/166/

我们使用类来过滤输入，因此它会在创建LI标签时选择所有输入。

在上面的示例中，您可以拥有任意数量的输入框。只需为我提供一个班级＆＃39;要输入框，它会将文本值附加到ul作为li。

我们无法选择$('input:second').val();这样的值，您可以使用$('input:eq(1)').val();

感谢

jQuery Multiple Append

3 个答案: