jquery - 从 中的 <input> 获取值并将值作为链接 append 到 (a)

Question

我尝试从 li 中的每个输入获取值，并将该值作为链接 append 到标签中。这是我的代码。显然有什么问题。我该如何解决这个问题？

$("ul li label").each(function() {
	var $link = $("ul li label input").val();	
	$(this).append('<span><a target="_blank" href="' + $link + '"> PDF-Download</a></span>');
});

<ul>
    <li><label><input type="checkbox" value="/first.pdf" />first</label></li>
    <li><label><input type="checkbox" value="/second.pdf" />second</label></li>
    <li><label><input type="checkbox" value="/third.pdf" />third</label></li>
</ul>

最后它应该看起来像:

<ul>
    <li><label><input type="checkbox" value="/first.pdf" />first<a target="_blank" href="/first.pdf"> PDF-Download</a></label></li>
    <li><label><input type="checkbox" value="/second.pdf" />second<a target="_blank" href="/second.pdf"> PDF-Download</a></label></li>
    <li><label><input type="checkbox" value="/third.pdf" />third<a target="_blank" href="/third.pdf"> PDF-Download</a></label></li>
</ul>

Answer 1

var $link = $("ul li label input").val(); 是问题所在。您需要使用 this 的实例从相应的 input 中获取内容

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