如何使用jQuery获取span内的输入值?

时间:2012-02-16 10:15:21

标签: jquery

我有以下内容:

<span id="refOrder_2" class="refOrder">
   <input type="text" value="0" 
      size="3" name="item.Order" maxlength="3" 
      id="Order_2" class="wijmo-wijtextbox ui-widget ui-state-default ui-corner-all">
</span>

我想要做的是当输入的值不等于$(“#dialogOrder”)的值时触发刷新功能.val()有人可以解释我会使用哪个选择器吗?我假设它将从以下开始:

$('#refOrder_2').  

但我如何获得输入的值?

4 个答案:

答案 0 :(得分:3)

由于input有一个ID,你可以直接得到它:

var value = $("#Order_2").val();

或者,如果您更喜欢使用容器的选择器,则可以执行以下操作:

var value = $("#refOrder_2 input").val();

这两个都会给你相同的结果,第一个结果稍快一点。

答案 1 :(得分:2)

由于您的inputid,因此您可以将其称为:

$("#Order_2").val()

一般情况下,您可以使用

$("#refOrder_2 > input").val()

答案 2 :(得分:2)

你有很多选择,这里只是几个。

定位作为#refOrder_2的后代的所有输入:

$('#refOrder_2 input')

定位所有#refOrder_2的孩子的输入:

$('#refOrder_2 > input')

定位特定类型的所有输入:

$('#refOrder_2 input:text')

定位第一个输入:

$('#refOrder_2 input:first')

或者,正如已经在几个答案中指出的那样,您的input具有自己的ID,因此您可以使用它直接访问它。

有关在jQuery中选择元素的更多信息,请查看文档中的jQuery Selectors页面。

答案 3 :(得分:1)

如果您只想在给定div中使用直接后代,则可以使用

$('#refOrder_2 > input').val();