如何告诉jQuery在加载时获取元素的value属性？

Question

我正在使用模板引擎将用户名插入到div内容中：

<div class="username" value="#{user}"></div>

如何在页面加载时告诉jQuery获取value的内容？

Answer 1

您可以使用attr属性

   $('.username').attr('value')

还要记住value不是div的默认属性。因此，对于这种情况，最好使用 HTML-5 data- * attributes 。

其中以data-为前缀，这些属于自定义属性。

所以这是一个更好的约定

<div class="username" data-value="#{user}"></div>

---

要访问它，您可以使用.data()方法

$('.username').data('value')

Answer 2

由于您使用的是class而不是id，我假设您在DOM中有多个用户名，因此将选择其中一个并获取其value属性：

$(document).ready(function(){
    var username = $(".username")[0].getAttribute("value");
});

Answer 3

$(document).ready(function() {
    var usernameValue = $(".username").attr("value");
    alert(usernameValue); // or however you would like to use this variable.
});