existe una una manera mas elegante?

[fullmental]

Hola

Tengo un código que funciona, sin embargo siento que puede ser mejorado, es decir, hacer lo mismo con menos código.

Código HTML:

$(document).ready(function() {
$('a[href*=#]').click(function(){
	

	var sectionHash = $(this).attr('href');
	
	var firstCharacter = sectionHash.substring(1,2);
	var hashTail = sectionHash.substring(2);
	var forceToCamel = firstCharacter.toUpperCase();
	var sectionName = sectionHash.replace('#', 'box')
	var target = "box"+forceToCamel+hashTail;
	
	
	$("#inputBox").html(target);
	
	
});

Se puede acortar éste código? le última línea obvio sólo es para probar la funcionalidad.

Lo que hace es tomar el href="#seccion" a algo como boxSeccion... para después utilizarlo con jquery y hacer algunos efectos especiales ;)

[dontexplain]

Ahora, que estoy algo pedo, no puedo plantear demasiado desde el punto de vista brillante, pero si que puedo sugerirte cosas como

$(this).attr('href').substring(1,2).toUpperCase()

Ahorras líneas en una sóla línea.

Si vas a usar el mismo método varias veces puedes

(function(){
ff=$.fn.click;
$.fn.click=function(){
href=$(this).attr('href');
....
ff.apply(this,arguments);};
})();

Donde insertas nuevos elementos que corresponden al prototipo de jQuery en la ejecución actual del script.

Es una idea experimental, no la he comprobado, por lo que tendrás que testarlo.

Un saludo.

[ryugen]

Yo lo haría así:

Código Javascript:

$(document).ready(function() {
$('a[href*=#]').click(function(){
    var sHash = $(this).attr('href').replace("#","");
    sHash = "box" + sHash.charAt(0).toUpperCase() + sHash.slice(1);
    $("#inputBox").val(sHash);
    
    
});
});
 

Ejemplo en funcionamiento: http://jsfiddle.net/gte6Y/

[fullmental]

Muchas gracias!!

Definitivamente queda mejor cualquiera de las sugerencias.

Saludos.