Question

请看看以下JS Bin：

http://jsbin.com/yabevi/edit?html,js,output

我是jQuery的新手。第二个jQuery .text()方法在这个bin中不起作用，为什么会这样？

Answer 1

您的标记无效。您还没有关闭第一个span元素。由于第二个和第三个span元素被浏览器解释为第一个元素的子元素。并将.html()设置为第一个跨度将完全删除它们。因此，您需要正确关闭第一个span元素以解决问题：

 <h1 id="temp">
      <span id="temp-val"></span>
      <span id="temp-unit-c"></span>
      <span id="temp=unit-f"></span>
    </h1>

<强> Working Demo

Answer 2

多个问题：

第一个跨度结束标记不正确
第二个范围Id与选择器

http://jsbin.com/gojoyuneyu/1/edit?html,js,output

<!DOCTYPE html>
<html>
<head>
<meta name="description" content="jquery-test">
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <div>
        <h1 id="temp">
          <span id="temp-val"></span>
          <span id="temp-unit-c"></span>
          <span id="temp-unit-f"></span>
        </h1>
  </div>
  <script src="https://code.jquery.com/jquery-2.1.4.js"></script>
</body>
</html>

jQuery.text（）显示了一种奇怪的行为，为什么？

2 个答案: