$（“divIde”）。text（）; ....不起作用

Question

我在jquery选项卡中有一个contenteditable div，我正在尝试使用a获取内容 按钮。当我点击按钮时，javaScript函数被调用， 在函数内部我试图引用内容

HTML代码

  <div id="tab1" contenteditable="true">
      <div>line no one</div>
      <div>line no one</div>
  </div>

JavaScript功能

  alert($("tab1").text());
  alert($("tab1").html());

错误

对于text（）;我没有得到任何东西，但对于html（）;它显示未定义

我无法猜测代码有什么问题...... 任何建议......

Answer 1

您需要使用ID指示"#"

alert($("#tab1").text());
//       ^here

DEMO

Answer 2

看到您错过了{id}选择器的#符号，并确保将其包含在$(function(){...}) doc ready handler：

$(function(){
    alert($("#tab1").text());
    alert($("#tab1").html());
});

Answer 3

jQuery需要一个selector，而不是id。 "tab1"是类型选择器，它匹配<tab1>个元素（HTML中不存在）。

您可以使用ID选择器：$("#tab1")。

Answer 4

您使用的是jquery吗？

它是否真的加载？

试试这个

   alert($("#tab1").text());
   alert($("#tab1").html());

你必须告诉jquery你正在寻找带有“＃”

的id