jquery - jqueryを使用してdivコンテンツの値を取得する

Question

次のhtmlがあり、「その他」のdivの値を取得したいのですが、jQueryでこれを行うにはどうすればよいですか?

 <div class="readonly_label" id="field-function_purpose">
        Other
 </div>

Answer 1

.text()を使用して div のコンテンツを抽出します

var text = $('#field-function_purpose').text()

Answer 2

あなたのdivは次のようになります：

<div class="readonly_label" id="field-function_purpose">Other</div>

jquery を使用すると、内部コンテンツを簡単に取得できます。

使用.html(): 一致した要素のセットの最初の要素の HTML コンテンツ、または一致したすべての要素の HTML コンテンツを設定します。

var text = $('#field-function_purpose').html(); 

jquery .html() の詳細を読む

また

使用.text(): 一致した要素のセット内の各要素 (その子孫を含む) の結合されたテキスト コンテンツを取得するか、一致した要素のテキスト コンテンツを設定します。

var text = $('#field-function_purpose').text();

jquery .text() についてもっと読む

Answer 3

.text()jqueryで使用してdivコンテンツを取得できます

var divContent = $('#field-function_purpose').text();
console.log(divContent);

フィドル

Answer 4

$('#field-function_purpose')field-function_purposediv 要素であるID を持つ要素を取得します。text()div の内容を返します。

var x = $('#field-function_purpose').text();