Jquery 从<;输入>;在a<;李>;并将值附加到<;李>;作为链接(a)

Jquery 从<;输入>;在a<;李>;并将值附加到<;李>;作为链接(a),jquery,input,append,each,Jquery,Input,Append,Each,我试图从li中的每个输入中获取值,并将该值作为链接附加到标签中。这是我的密码。显然有点不对劲。我怎样才能解决这个问题 $(“ul li标签”)。每个(函数(){ var$link=$(“ul li标签输入”).val(); $(此)。附加(“”); }); 首先 第二 第三 var$link=$(“ul-li标签输入”).val()是问题所在。您需要使用this的实例从相应的input var $link = $(this).find("input").val(); 我将迭代输入,

我试图从li中的每个输入中获取值,并将该值作为链接附加到标签中。这是我的密码。显然有点不对劲。我怎样才能解决这个问题

$(“ul li标签”)。每个(函数(){
var$link=$(“ul li标签输入”).val();
$(此)。附加(“”);
});
  • 首先
  • 第二
  • 第三
var$link=$(“ul-li标签输入”).val()是问题所在。您需要使用
this
的实例从相应的
input

var $link = $(this).find("input").val();    

我将迭代输入,用
this
引用它们的值,并在后面添加链接:

$(“ul li标签输入”)。每个(函数(){
var$link=$(this.val();
$(this).parent()在(“”)之后;
});

  • 首先
  • 第二
  • 第三
您的产品线

var $link = $("ul li label input").val();
每次都获取第一个匹配的值

试试这个:

$("ul li label").each(function() {
    var $link = $(this).find("input").val();    
    $(this).append('<span><a target="_blank" href="' + $link + '"> PDF-Download</a></span>');
});
$(“ul li标签”)。每个(函数(){
var$link=$(this.find(“input”).val();
$(此)。附加(“”);
});

以下是一些工作代码。您没有引用选择器拥有的输入。函数中的“ele”参数是所选标签的数组。然后,您可以在val()方法中使用它来确保将输入与正确的值匹配。见下文

   $(function() {
    $('ul li label').each(function(i, ele) {
            var $link = $("input", ele).val();
        $(ele).append('<span><a target="_blank" href="' + $link + '"> PDF-Download</a></span>');
    });
});
$(函数(){
$('ul-li-label')。每个(函数(i,ele){
var$link=$(“输入”,ele).val();
$(ele).附加(“”);
});
});

太棒了!工作完美。非常感谢。