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

您可以在jquery

中使用.text()获取div内容

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

Fiddle

Answer 3

$('#field-function_purpose')会为您提供ID为field-function_purpose的元素，这是您的div元素。 text()会返回div的内容。

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

Answer 4

你的div看起来像这样：

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

使用jquery，您可以轻松获得内部内容：

使用.html()：匹配元素集中第一个元素的HTML内容，或者设置每个匹配元素的HTML内容。

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

Read more about jquery .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>

取自@ Get the text inside an element using jQuery

Answer 6

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

HTML 代码：

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

JQuery 代码：

session_start(); $_SESSION['username'] = "something";

您可以在此处查看示例：How to get the text content of an element with jQuery

使用jquery获取div内容的值

6 个答案: