【JQuery】HTMLの要素をclass、idで指定して取得・操作するサンプルコード

JavaScript

2022.09.16

この記事は約2分で読めます。

JQueryでHTMLの要素に対してclass、idで指定して操作するサンプルコードをメモ用にまとめておきます。

クラスで指定する時

classで指定する時は「.」を使用します。

また要素内のテキストは.text()で取得可能です

<html>
<body>
<p class="text-class">テキスト１テキスト１</p>
<script>
var result = $('.text-class');
console.log(result.text()) #タグ内のテキストを取得
</script>
</html>

idで指定する時

idで指定する時は「#」を使用します。

<html>
<body>
<p id=”test”>(id=testの要素内のテキスト)</p>
<body>

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js”></script>
<script> var result = $(‘#test’);
console.log(result.text()) </script>
</html>