jquery - ロード時に要素の値属性を取得するようjQueryに指示するにはどうすればよいですか?

Question

テンプレートエンジンを使用して、ユーザー名を div コンテンツに挿入しています。

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

valueページの読み込み時にコンテンツを取得するようにjQueryに指示するにはどうすればよいですか?

Answer 1

attr物件をご利用いただけます

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

また、これvalueは div のデフォルト プロパティではないことに注意してください。そのような場合には、HTML-5 data-* attributesを使用することをお勧めします。

data-カスタム属性であることに関連するwhich が接頭辞として付けられています。

したがって、これはより良い規則です

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

---

それにアクセスするには、.data() メソッドを使用します

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

Answer 2

id ではなく class を使用したため、DOM に複数のユーザー名があると仮定します。そのうちの 1 つを選択し、その値属性を取得します。

$(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.
});