<p class="bodytext">
<span class="datum">19.11.2015:</span>Some text <a href="path/to/link" title="some title" class="download">Some text</a>. Again some text!
</p>
<p class="bodytext">
<span class="datum">19.11.2015:</span>Maybe also only some text.
</p>
<p class="bodytext">
<span class="datum">19.11.2015:</span><a href="path/to/link" title="some title" class="download">Only with link</a>
</p>
Debería estar después de jQuery:
<p class="bodytext">
<span class="datum">19.11.2015:</span>
<div class="someClass">Some text <a href="path/to/link" title="some title" class="download">Some text</a>. Again some text!</div>
</p>
<p class="bodytext">
<span class="datum">19.11.2015:</span>
<div class="someClass">Maybe also only some text.</div>
</p>
<p class="bodytext">
<span class="datum">19.11.2015:</span>
<div class="someClass"><a href="path/to/link" title="some title" class="download">Only with link</a></div>
</p>
Por lo tanto, todo el código HTML después del </span>
debe estar envuelto en un div hasta la próxima aparición de </p>
Lo que intenté:
$(".datum").each(function (index) {
$(this).nextUntil("p").andSelf().wrapAll("<div class='someClass' />");
});
O:
$(".datum").nextUntil("p").wrap('<div class="someClass" />');
Tampoco funcionó.
3 respuestas
Intente esto: puede utilizar wrapInner para ajustar el contenido div. bodytext
div y luego saca datum
palmo del div envuelto.
$(function(){
$('p.bodytext').each(function(){
$(this).wrapInner( "<div class='someClass'></div>");
$(this).prepend($(this).find('div.someClass').find('span.datum'));
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<p class="bodytext">
<span class="datum">19.11.2015:</span>Some text <a href="path/to/link" title="some title" class="download">Some text</a>. Again some text!
</p>
<p class="bodytext">
<span class="datum">19.11.2015:</span>Maybe also only some text.
</p>
<p class="bodytext">
<span class="datum">19.11.2015:</span><a href="path/to/link" title="some title" class="download">Only with link</a>
</p>
EDITAR : - Como OP quiere poner el filtro en bodytext
que contiene el espacio secundario datum
. Aquí puede usar : tiene selector para bodytext
. También puede usar : contiene o . has () métodos jQuery.
$(function(){
$('p.bodytext:has(span.datum)').each(function(){
$(this).wrapInner( "<div class='someClass'></div>");
$(this).prepend($(this).find('div.someClass').find('span.datum'));
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<p class="bodytext">
<span>19.11.2015:</span>Some text <a href="path/to/link" title="some title" class="download">Some text</a>. Again some text!
</p>
<p class="bodytext">
<span class="datum">19.11.2015:</span>Maybe also only some text.
</p>
<p class="bodytext">
<span class="datum">19.11.2015:</span><a href="path/to/link" title="some title" class="download">Only with link</a>
</p>
Su lógica es incorrecta porque el código agrega elemento div después del elemento que tiene la clase "datum" hasta que se inicia el elemento <p>
. Pero en div con class = "bodytext" no tienes ningún elemento <p>
.
Prueba esto;
$(".bodytext").each(){
$(this).after($(".datum")).wrapAll("<div class='someClass'>Some text <a href='path/to/link' title='some title' class='download'>Some text</a>. Again some text!</div>");
}
No estoy seguro acerca de wrapAll, pero el orden es verdadero para la operación de agregar.
Tratar:
$('.bodytext').find('*').not('span').wrap('<div class="someClass" />')
Preguntas relacionadas
Nuevas preguntas
javascript
Para preguntas sobre la programación en ECMAScript (JavaScript / JS) y sus diversos dialectos / implementaciones (excepto ActionScript). Incluya todas las etiquetas relevantes en su pregunta; por ejemplo, [node.js], [jquery], [json], etc.