jquery使用.text()能够改变第一个spanrap类而不是第二个

时间:2016-06-29 19:43:45

标签: javascript jquery html css twitter-bootstrap

所以我对javascript / html和jquery都很陌生,并通过jquery .text()命令阅读有关更改span元素的许多问题,但这些问题似乎都没有对我的具体案例产生影响,它使用jquery来改变同一div中2个span元素的文本。

以下是我的HTML

<div>
      <p>
         <span class="label label-primary" id="mstatusDim">loading..</span>
         <span class="label label-warning" id="warmup">loading</span>
      </p>
</div>

和javascript

   $("#mstatusDim").text(result.stat);
   $("warmup").text("test");

它们所处的函数是一个返回result.XXX

的getJSON调用

但出于某种原因,我不明白我永远无法改变&#34;热身&#34; id span。

我也尝试通过以下方式将课程改为独特

<div>
  <p>
     <span class="mstat label label-primary" id="mstatusDim">loading..</span>
     <span class="warmuptest label label-warning" id="warmup">loading</span>
  </p>
</div>

但也没有运气。即使我改变了它们的顺序,&#34; mstatusDim&#34; span将始终正确更新并且&#34; warmup&#34;从来没有这样,这就是为什么我这么多挠头,因为它部分工作......

在一个理想的世界中我希望第二个跨度没有文本而且不可见,除非我将.text(&#34; XYZ&#34;)传递给它,在这种情况下它会出现信息

  <span class="mstat label label-primary" id="mstatusDim">loading..</span>
  <span class="warmuptest label label-warning" id="warmup"></span>

非常感谢任何想法或建议!

1 个答案:

答案 0 :(得分:4)

您似乎错过了ID选择器(&#39;#&#39;)

变化

$("warmup").text("test");

$("#warmup").text("test");