como optimizar este código de jquery

[alexg88]

Buenas,

Se me ocurre algo así, una mezcla entre lo que tienes y lo de dontexplain.

Este es el más simple, aprovechando la posibilidad de que a la función $ se le puede pasar el contexto desde donde quieres buscar, le pasas this y mejora un poco el rendimiento.

Código Javascript:

$('.chart #header').click(function() { 
    $(this).attr('title', 'Test').width('1000px'); 
    $('th.nombre',this).text('nombre'); 
    $('th.apellido',this).text('apellido'); 
    $('th.edad',this).text('edad'); 
    $('th.fecha',this).text('fecha'); 
 });
 

Esta formando es usando objetos (clave y valor), por si quieres que el nombre del elemento y el texto que quieres poner sea distinto.

Código Javascript:

var datos = {"nombre":"Nombre","apellido":"Apellido","edad":"Edad","fecha":"Fecha"};
 
 
 $('.chart #header').click(function() { 
    $(this).attr('title', 'Test').width('1000px'); 
     
     for(key in datos){
     $("th."+key+"'",this).text(datos[key]);
 }    
    
  });
 

También podrías hacerlo con un array simple.

Código Javascript:

var datos = ["nombre","apellido","edad","fecha"];
 
 
 $('.chart #header').click(function() { 
    $(this).attr('title', 'Test').width('1000px');
     
     for(i=0;i<datos.length;i++){
     $("th."+datos[i]+"'",this).text(datos[i]);
 }
     
    
  });