Foros del Web » Programando para Internet » Javascript »

Obtener texto y mostrarlo dentro de otro elemento

Estas en el tema de Obtener texto y mostrarlo dentro de otro elemento en el foro de Javascript en Foros del Web. Tengo un menu dropdown en wordpress llamando los tags como una lista, el resultado es este (se puede ver en funcionamiento en http://patricioherrera.com.ar/portfolio/): Código HTML: ...
  #1 (permalink)  
Antiguo 01/06/2012, 12:36
 
Fecha de Ingreso: mayo-2012
Mensajes: 15
Antigüedad: 7 años, 6 meses
Puntos: 0
Pregunta Obtener texto y mostrarlo dentro de otro elemento

Tengo un menu dropdown en wordpress llamando los tags como una lista, el resultado es este (se puede ver en funcionamiento en http://patricioherrera.com.ar/portfolio/):
Código HTML:
<dl class="dropdown">
<dt><a><span>Select a Field</span></a></dt>
<dd>
<ul id="menu-tags-menu" class="menu">
<li id="menu-item-159" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-14 current_page_item current_page_parent menu-item-159"><a href="http://patricioherrera.com.ar/portfolio/">All Fields</a></li>
<li id="menu-item-54" class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-54"><a href="http://patricioherrera.com.ar/tag/branding/">Branding</a></li>
<li id="menu-item-55" class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-55"><a href="http://patricioherrera.com.ar/tag/print-design/">Print Design</a></li>
<li id="menu-item-57" class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-57"><a href="http://patricioherrera.com.ar/tag/web-design/">Web Design</a></li>
<li id="menu-item-56" class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-56"><a href="http://patricioherrera.com.ar/tag/ui-design/">UI Design</a></li>
<li id="menu-item-52" class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-52"><a href="http://patricioherrera.com.ar/tag/motion-graphics/">Motion Graphics</a></li>
<li id="menu-item-53" class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-53"><a href="http://patricioherrera.com.ar/tag/illustration/">Illustration</a></li>
</ul>
</dd>
</dl> 
Necesito mediante javascript obtener el texto del elemento de la lista con clase activa (current-menu-item) y que lo muestre dentro del <dt> así el contenido del dt sería dinámico y me mostraría la sección activa en lugar de "Select a Field".

Me dijeron que podía usar .each y .hasClass, pero todavía mucho no entiendo,
alguien me puede dar una mano con esto?

Gracias!
  #2 (permalink)  
Antiguo 01/06/2012, 13:17
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 12 años, 5 meses
Puntos: 1567
Respuesta: Obtener texto y mostrarlo dentro de otro elemento

Algo asi
Código HTML:
Ver original
  1. <!DOCTYPE html>
  2. <html lang="es-ar">
  3. <meta charset="utf-8" />
  4. <title>Contar elementos</title>
  5. <meta name="description" content="Contar elementos" />
  6. <script type="text/javascript">
  7. //<![CDATA[
  8. // con una clase específica
  9. var tags_li = new Array();
  10. function dli(clase) {
  11. var tags_li=document.getElementsByTagName('li');
  12. var i;
  13. for (i=0; i<tags_li.length; i++) {
  14. if (tags_li[i].className=='abc') {
  15. var texto = tags_li[i].innerHTML;
  16. document.getElementById("mensajes").innerHTML = texto;
  17. }
  18. }
  19.  
  20. }
  21. //]]>
  22. </head>
  23. <body onload="dli('abc')">
  24. <div>
  25. <ul>
  26. <li>1</li>
  27. <li>2</li>
  28. <li>3</li>
  29. <li>4</li>
  30. <li>5</li>
  31. <li>6</li>
  32. <li>7</li>
  33. <li>8</li>
  34. <li>9</li>
  35. </ul>
  36. <hr />
  37. <ul>
  38. <li class="a">1</li>
  39. <li class="abc">xllsls</li>
  40. <li class="a">3</li>
  41. <li class="a">4</li>
  42. <li class="a">5</li>
  43. <li class="a">6</li>
  44. </ul>
  45. </div>
  46. <div id="mensajes"><!-- fix --></div>
  47. </body>
  48. </html>

SAludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 01/06/2012, 15:43
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 11 años, 5 meses
Puntos: 1011
Respuesta: Obtener texto y mostrarlo dentro de otro elemento

lo puedes hacer con una sola línea de código si usas
Cita:
querySelector('.class').innerHTML
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #4 (permalink)  
Antiguo 01/06/2012, 17:29
 
Fecha de Ingreso: mayo-2012
Mensajes: 15
Antigüedad: 7 años, 6 meses
Puntos: 0
Respuesta: Obtener texto y mostrarlo dentro de otro elemento

Perfecto, problema solucionado :)
Gracias a los dos!

Etiquetas: elemento, funcion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:37.