jquery 如何用脚本在其他id中添加class和id

mrwjdhj3 于 2023-01-25 发布在 jQuery

关注(0)|答案(1)|浏览(120)

我需要添加此代码

<p id="allpostwp">all</p>
<p class="showOneWP show1" target="1">A</p>
<p class="showOneWP show2" target="2">B</p>
<p class="showOneWP show3" target="3">C</p>
<p class="showOneWP show4" target="4">D</p>

在此文本内，但有脚本

<div class="wpearoption">
HTML HERE WITH SCRIPT 
</div>

结果如下代码HTML：

<div class="wpearoption">
<p id="allpostwp">all</p>
<p class="showOneWP show1" target="1">A</p>
<p class="showOneWP show2" target="2">B</p>
<p class="showOneWP show3" target="3">C</p>
<p class="showOneWP show4" target="4">D</p>
</div>

jquery

来源：https://stackoverflow.com/questions/75227779/how-can-i-add-class-and-id-within-other-id-with-script

1条答案

按热度按时间

5uzkadbs1#

这样...

const
  newDiv    = document.createElement('div')
, firstNode = document.querySelector('#allpostwp')
  ;
firstNode.parentNode.insertBefore(newDiv, firstNode);

newDiv.className = 'wpearoption';

document.querySelectorAll('#allpostwp, #allpostwp ~ p.showOneWP')
  .forEach( nod => newDiv.appendChild(nod) );

<p>Blah blah bla....1</p>

<p id="allpostwp">all</p>
<p class="showOneWP show1" target="1">A</p>
<p class="showOneWP show2" target="2">B</p>
<p class="showOneWP show3" target="3">C</p>
<p class="showOneWP show4" target="4">D</p>

<p>Blah blah bla....2</p>

赞(0）回复(0）举报 2023-01-25

我来回答

jquery 如何用脚本在其他id中添加class和id

1条答案

相关问题

热门标签

最新问答