Jquery 从<;输入>;在a<;李>;并将值附加到<;李>;作为链接(a)
我试图从li中的每个输入中获取值,并将该值作为链接附加到标签中。这是我的密码。显然有点不对劲。我怎样才能解决这个问题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(); 我将迭代输入,
$(“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).附加(“”);
});
});
太棒了!工作完美。非常感谢。