mi problema es el siguiente. Estoy recogiendo el contenido de varias etiquetas p
(que se van añadiendo según cuantas quiera el usuario) de un div
. Al recogerlas me encuentro con la problemática de que me aparecen juntas, sin separación de por medio. Lo que me interesa es poder separarlas y meterlas separadas en un array. Adjunto un ejemplo de código en el que el usuario habría metido dos etiquetas (pueden ser más). Como se ve en el alert, me muestra ambas juntas, sin separación de por medio. Lo que me interesa es separarlas y meterlas en un array, y la siguiente vez que el usuario añada otra, meterla al final de dicho array. Gracias de antemano
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$(function(){
if($('#select p')){
alert($('#select p').text())
}
});
});
});
</script>
</head>
<body>
<button>Prueba</button>
<div id="select"><p>Ejercicio1</p>
<p>Ejercicio2</p></div>
</body>
</html>
alert
? ¿De qué modo el usuario ingresa los elementosp
? Es ahí donde debes aprovechar para meterlos en el array.p
para meter el nuevo? Creo que estás implementando una lógica redundante sin necesidad. Dos soluciones son posibles: o mantener el array actualizado cuando se ingresan los datos o recoger todos los valores una sola vez al finalizar.