jquery - 如何告诉 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.
});