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

时间:2013-08-06 00:45:32

标签: jquery

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

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

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

3 个答案:

答案 0 :(得分:4)

您可以使用attr属性

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

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

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

所以这是一个更好的约定

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

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

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

答案 1 :(得分:1)

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

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

答案 2 :(得分:0)

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