jQuery的：如何返回一個HTML的 '值' 屬性

Question

我有一些HTML等：

<input class="button" name="submit_button" type="submit" value="Abe Lincoln"> 

假設jQuery對象

foo = $('input.button') 

，其由上述HTML的，我怎樣才能從'value'屬性中提取名稱？

Answer 1

試試這個;）

foo = $('input.button').val() 

，或者您可以使用ATTR（）：

foo = $('input.button').attr('value') 

Answer 2

如果你想提取任何屬性，那麼你可以使用jQuery的.attr()函數的值。

var output = $('input.button').attr('value'); 

Answer 3

$('input.button').val();文檔：http://api.jquery.com/val/

.val()會得到用戶的輸入的電流值。要獲得其他屬性，使用.attr()：

$('input.button').attr('name') // returns "submit_button" 

文檔：http://api.jquery.com/attr/

---

還要注意，從.attr文檔警告：

檢索和更改DOM屬性，如checked,selected, 或disabled表單元素的狀態，請使用.prop()方法。

即，不使用$('input.button').attr('checked')，而是使用$('input.button').prop('checked')。

文檔：http://api.jquery.com/prop/

Answer 4

var foo = $('input.button'); 
var val =foo.val();