☰

jQueryを使用して要素のIDを取得するにはどうすればいいですか? 質問する

tag-icon • tag-icon jquery jquery-selectors
jQueryを使用して要素のIDを取得するにはどうすればいいですか? 質問する 
<div id="test"></div>
<script>
  $(document).ready(function() {
    alert($('#test').id);
  });  
</script>

上記の方法がなぜ機能しないのでしょうか? また、どうすればいいのでしょうか?

ベストアンサー1

jQuery の方法:

$('#test').attr('id')

あなたの例では:

$(document).ready(function() {
  console.log($('#test').attr('id'));
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="test"></div>

または DOM 経由で:

$('#test').get(0).id;

あるいは ：

$('#test')[0].id;

$('#test').get(0)JQueryでの使用の背後にある理由は、 JQueryセレクタであり、デフォルトの機能では単一の要素ではなく結果の配列（）を返すこと$('#test')[0]です。$('#test')

jQueryのDOMセレクターの代替は

$('#test').prop('id')

は指定されたDOMプロパティを取得します.attr()が、は指定されたHTML属性を取得します。違いの詳細については、$('#test').prop('foo')foo$('#test').attr('foo')fooここ。

おすすめ記事