使用jquery获取div内容的值

我有下面的html，我想得到div的值，它是“Other” 如何使用jQuery实现这一点

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

其他

您可以使用jquery获取div内容

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

用于提取div的内容

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

$（'field-function\u-purpose'）

将为您获取ID为

field-function\u-purpose

的元素，它是您的div元素

text（）

返回div的内容

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

---

您的div如下所示：

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

或

使用

.text（）

：获取匹配元素集中每个元素的组合文本内容，包括其子元素，或设置匹配元素的文本内容

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

---

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

$（“.showplaintext”）。单击（函数（）{
警报（$（“.plain”）.text（））；
});
//显示格式化段落的文本内容
$（“.showformattedtext”）。单击（函数（）{
警报（$（“.formatted”）.text（）；
});

在动物园探险时，我们看到每一只袋鼠都在跳跃，还有不少袋鼠抱着婴儿
在探索动物园时，我们看到每一只袋鼠都跳了起来，还带了不少
获取纯文本
获取格式化文本
您可以简单地使用jQuery方法获取元素中包含的文本的所有内容。text（）方法还返回子元素的文本内容

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

HTML代码：

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

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

您可以在这里看到一个示例：
您能告诉我为什么在上述情况下，
.val
不能工作吗。谢谢@val表示输入元素