Question

我想转型：

<span class="element">
  <span class="word">The</span>
  <span class="word">car</span>
  <span class="word">speed</span>
  <span class="word">was</span>
  40km/s
</span>

进入：

<span class="element">
  <span class="word">The</span>
  <span class="word">car</span>
  <span class="word">speed</span>
  <span class="word">was</span>
  <span class="data">40km/s</span>
</span>

如何使用javascript或jquery更改它？

Answer 1

您需要使用.contents()和.last()从.element的末尾选择目标文本，并使用.wrap()用span标记将其换行。

$(".element").contents().last().wrap("<span class='data'></span>");

.data{color:blue}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="element">
  <span class="word">The</span>
  <span class="word">car</span>
  <span class="word">speed</span>
  <span class="word">was</span>
  40km/s
</span>

如何使用javascript / jquery包装带有标签的元素的同级文本？

1 个答案: