[解決済み] jQueryを使って要素のIDを取得するにはどうすればよいですか？

質問

<div id="test"></div>
<script>
  $(document).ready(function() {
    alert($('#test').id);
  });  
</script>

上記がうまくいかないのはなぜですか、どうすればいいですか？

どのように解決するのですか？

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で、あるいは $('#test')[0] は、その $('#test') はJQueryのセレクタであり は結果の配列()を返します。 デフォルトの機能では、単一の要素ではありません

jquery の DOM セレクタの代替となるものは次のとおりです。

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

とは異なり .attr() と $('#test').prop('foo') は、指定された DOM を取得します。 foo プロパティを使用し、一方 $('#test').attr('foo') は、指定された HTML foo 属性の詳細については、差分 ここで .