多个独立div中未定义的jquery变量

Question

我有这个脚本，它从输入字段获取值，然后将其插入到链接的属性(href)中。由于某种原因，该值被列为未定义。

这是jQuery

$(".page_link").click(function() {
                 var page_id = $(this).find(".page_id_value").val();
                 $(location).attr('href',"page_detail.php?page="+page_id);
            });

HTML

<a class="page_link" onClick="window.location.href='page_detail.php?page=164';">
     <!--<input type="hidden" class="page_id_value" value="145" />-->
</a>
<a class="page_link" onClick="window.location.href='page_detail.php?page=165';">
     <!--<input type="hidden" class="page_id_value" value="146" />-->
</a>
<a class="page_link" onClick="window.location.href='page_detail.php?page=166';">
     <!--<input type="hidden" class="page_id_value" value="147" />-->
</a>

编辑:实现我的目标的最好方法是使用window.location.href而不是使用jquery来改变页面。我正在使用输入字段来获取页头变量的值。更好的方法是直接使用window.location.href。谢谢你的帮助!上面的HTML是正确的，jQuery是不正确的方法。这个网页是在jQuery Mobile中运行的

Answer 1

当前代码的问题是.attr()用于从html元素中获取属性 ..它不会从javascript对象中获取或更改属性，这就是location。一个javascript对象。你想用它来改变这个属性，是.prop()。

固定示例