Estoy tratando de agregar algunos divs adicionales a los enlaces "leer más" de los blogs incorporados. Me las arreglé para agregar todos los div necesarios, pero me cuesta mover el texto de donde está a otro div. He logrado moverlo usando:

'''jQuery(".leer más").detach().appendTo('.js-add-btn-assets');'''

Pero en lugar de mover el elemento .readmore a .js-add-btn-assets. Está haciendo copias de todos los enlaces de Leer más en la página y colocándolos todos en .js-add-btn-assets, por lo que básicamente tengo 4 elementos .readmore para cada enlace de Leer más.

ingrese la descripción de la imagen aquí

¿Cómo cambio esto para que la clase .readmore solo se mueva a .js-add-btn-assets dentro de su clase principal respetada en lugar de todas las clases en la página? Como esto:

ingrese la descripción de la imagen aquí

Aquí todo el código que estoy usando actualmente

 <span class="more-link"> <a href="#" class="readmore">Continue reading <span class="screen-reader-text">Blog Template</span> </a> </span>

 var AddButtonWrap = document.querySelectorAll(".more-link"); for (i = 0; i < AddButtonWrap.length; i++) { AddButtonWrap[i].classList.add("dbtb-button-wrap add-dbtb-button-div"); } var SelectButtonDiv = document.querySelectorAll(".add-dbtb-button-div"); { for (i = 0; i < SelectButtonDiv.length; i++) { var dbtbBtnDiv = document.createElement('div'); dbtbBtnDiv.className = 'dbtb-button js-add-btn-assets'; SelectButtonDiv[i].appendChild(dbtbBtnDiv); } } jQuery(".readmore").detach().appendTo('.js-add-btn-assets');