javascript - 从输入中获取值并替换

Question

我有很多 a href 标签，而且我还有隐藏类型的输入。 我编写了一段代码来获取与每个 a href 最接近的输入值，然后放置该输入的值而不是数据页和 a 标记的文本。 我写了下面的代码，但它不起作用。

$(document).ready(function(){
   $(".PageNumber").each(function(index, element) {
    var pagenum = $(this).closest('.page').val();  
    var linkk = $(this).attr("data-page");
	var linktext = $(this).text();
    $(this).attr(pagenum);
	$(this).text(pagenum);
  });
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<a class="PageNumber" data-page="" data-href="home.htm">1</a> 
<input type="hidden" value="1" class="page"/> 
<a class="PageNumber" data-page="" data-href="home2.htm">1</a> 
<input type="hidden" value="2" class="page"/> 
<a class="PageNumber" data-page="" data-href="home3.htm">1</a> 
<input type="hidden" value="3" class="page"/>

Answer 1

这就是你想要以最清晰的方式做的事情^^

$(document).ready(function(){
   $(".PageNumber").each(function(index, element) {
    var pagenum = $(this).next('.page').val();  
    $(this).attr("data-page", pagenum);
    $(this).text(pagenum);
  });
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<a class="PageNumber" data-page="" data-href="home.htm">1</a> 
<input type="hidden" value="1" class="page"/> 
<a class="PageNumber" data-page="" data-href="home2.htm">1</a> 
<input type="hidden" value="2" class="page"/> 
<a class="PageNumber" data-page="" data-href="home3.htm">1</a> 
<input type="hidden" value="3" class="page"/>