JavaScript ナレッジ資料 プログラミング

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

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

 

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

 

クラスで指定する時

 

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

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

 

<html>
<body>
<p class="text-class">テキスト1テキスト1</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>

 

 

コメント

タイトルとURLをコピーしました