【问题标题】:Jquery .text() call returns null?Jquery .text() 调用返回null?
【发布时间】:2010-03-13 16:38:05
【问题描述】:

我正在练习 Jquery,我写了这个简单的 Jquery 语句:

var someText = $("table tr td").text();

这不应该返回在表格中找到的 tr 中找到的所有 td 元素的文本吗?我该如何解决?目前,当我运行它时,它说table tr td 为空,但我正在测试的页面上有一个表格。

谢谢!

【问题讨论】:

    标签: javascript jquery html jquery-selectors


    【解决方案1】:

    亚历克斯,

    nvl 在 text() 上纠正了我 - 将它的功能与 html() 混淆了一分钟,所以你可能应该返回 something

    尝试将您的代码包装在此:

    $(document).ready(function() {
        // Your code here
    });
    

    如果你不这样做,你可能会得到一个空响应,因为浏览器实际上还没有任何 HTML 内容来执行你的功能!

    这里的详细信息: http://www.learningjquery.com/2006/09/introducing-document-ready

    使用此示例工作 HTML 文档:

    <html>
    <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function() {
          var someText = $("table tr td").text();
          alert(someText);
      });
    
    </script>
    </head>
    <body>
        <table>
            <tr>
                <td>help</td>
                <td>me</td>
            </tr>
        </table>
    </body>
    </html>
    

    确实在警告框中输出“helpme”。

    【讨论】:

    • 我可以做类似var myText = $("table tr td").each().text();的事情吗?
    • 抱歉 nvl,有点晚了,混淆了 html() 和 text() 功能:)
    • 是的,我相信,请仔细检查。
    • 不,我没有,但它仍然返回 null,请修改我的选择器。
    【解决方案2】:

    来自jQuery

    .text()
    获取匹配元素集中每个元素的组合文本内容,包括它们的后代。

    我已经对其进行了测试,它确实返回了匹配元素的串联文本。


    <ul>
      <li><a href="#">Home</a></li>
      <li><a href="#">Admission</a></li>
      <li><a href="#">Courses</a></li>
      <li><a href="#">Faculty</a></li>
      <li><a href="#">Research</a></li>
      <li><a href="#">Contact</a></li>
    </ul>
    

    在上面的html上应用.text()

    alert( $("ul li").text() );  
    

    “HomeAdmissionCoursesFacultyResearchContact”

    【讨论】:

    • 我是一个 Jquery 初学者,所以你能给我一个例子来说明你将如何使用它吗?非常感谢。
    • @Alex:我举了一个例子。立即尝试在您的页面上申请。
    猜你喜欢
    • 2011-09-10
    • 1970-01-01
    • 1970-01-01
    • 2010-12-04
    • 2011-02-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多