Única función para funciones recursivas
Publicado por anonymous (3 intervenciones) el 14/05/2018 12:42:05
Buenas tardes,
Actualmente tengo una duda para como realizar un código más optimizado de lo que pretendo hacer, la idea es la siguiente:
HTML:
JS:
Funcionar de este modo la idea funciona, el problema es que no estaría optimizado ya que habría que crear tantas funciones manualmente como elementos tienes en HTML.
¿Habría algún modo de utilizar una misma clase o identificador para los elementos HTML y así utilizar una única función que abriese SOLAMENTE el elemento dónde haces clic y no todos?
O alguna forma de crear una función en js que realice lo mismo que planteo pero sin necesidad de crear múltiples funciones cambiando el #id que realizan lo mismo.
Es decir, debería quedar algo así simplificado:
GRACIAS
Actualmente tengo una duda para como realizar un código más optimizado de lo que pretendo hacer, la idea es la siguiente:
HTML:
1
2
3
4
5
6
7
<p>TITULO 1</p>
<div id="txt-completo-1">DESC...</div>
<p><span id="btn-leer-mas-1">[Leer Más]</span></p>
<p>TITULO 2</p>
<div id="txt-completo-2>DESC...</div>
<p><span id="btn-leer-mas-2">[Leer Más]</span></p>
JS:
1
2
3
4
5
6
7
jQuery(document).ready(function(){
jQuery('#btn-leer-mas-1').on('click',function(){
jQuery('#txt-completo-1').toggle('slow');
});
jQuery('#btn-leer-mas-2').on('click',function(){
jQuery('#txt-completo-2').toggle('slow');
....
Funcionar de este modo la idea funciona, el problema es que no estaría optimizado ya que habría que crear tantas funciones manualmente como elementos tienes en HTML.
¿Habría algún modo de utilizar una misma clase o identificador para los elementos HTML y así utilizar una única función que abriese SOLAMENTE el elemento dónde haces clic y no todos?
O alguna forma de crear una función en js que realice lo mismo que planteo pero sin necesidad de crear múltiples funciones cambiando el #id que realizan lo mismo.
Es decir, debería quedar algo así simplificado:
1
2
3
4
5
6
7
jQuery(document).ready(function(){
jQuery('#btn-leer-mas').on('click',function(){
FUNCIÓN-que-comprobase-en-que-elemento-del-dom-hizo-clic
jQuery('#txt-completo').toggle('slow');
});
GRACIAS
Valora esta pregunta
0