javascript - 如何使用jquery更改紧随 "span"之后的 "i"中的文本？

Question

我正在尝试使用 jquery 更改我正在使用的插件中按钮上的文本。它的外部 html 是

<button value="[[3,1,1488182400]]" data-group="2017-02-27" class="ab-hour">
  <span class="ladda-label">
    <i class="ab-hour-icon">
      <span></span>
    </i>8:00 am
  </span>
</button>

它的内部html是

<span class="ladda-label">
  <i class="ab-hour-icon">
    <span></span>
  </i>8:00 am
</span>

有人知道我如何将 8:00AM 更改为 9-3AM 吗？

Answer 1

您可以使用javascript Node.nextSibling包含紧接在元素之后的文本。

$(".ab-hour .ab-hour-icon")[0].nextSibling.nodeValue = "9-3AM";

$(".ab-hour .ab-hour-icon")[0].nextSibling.nodeValue = "9-3AM";

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button value="[[3,1,1488182400]]" data-group="2017-02-27" class="ab-hour"><span class="ladda-label"><i class="ab-hour-icon"><span></span></i>8:00 am</span></button>

而且你只使用javascript

document.querySelector(".ab-hour .ab-hour-icon").nextSibling.nodeValue = "9-3AM";