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')将为您提供带有 ID 的元素field-function_purpose，这是您的 div 元素。text()返回 div 的内容。

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

Answer 5

尝试使用 jquery 获取 div 内容的值。

    $(".showplaintext").click(function(){
        alert($(".plain").text());
    });
    
    // Show text content of formatted paragraph
    $(".showformattedtext").click(function(){
        alert($(".formatted").text());
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="plain">Exploring the zoo, we saw every kangaroo jump and quite a few carried babies. </p>
    <p class="formatted">Exploring the zoo<strong>, we saw every kangaroo</strong> jump <em><sup> and quite a </sup></em>few carried <a href="#"> babies</a>.</p>
    <button type="button" class="showplaintext">Get Plain Text</button>
    <button type="button" class="showformattedtext">Get Formatted Text</button>

取自@使用jQuery获取元素内的文本

Answer 6

您可以简单地使用 jQuery 的方法text()来获取元素中包含的文本的所有内容。text()方法还返回子元素的文本内容。

HTML 代码：

<div id="box">
  <p>Lorem ipsum elit sit ut, consectetur adipiscing dolor.</p> 
</div>

jQuery代码：

  $(document).ready(function(){
    $("button").click(function(){
      var divContent = $('#box').text();
      alert(divContent);
    });
  });

你可以在这里看到一个例子：How to get the text content of an element with jQuery