¿cómo puedo extraer texto después de hash # en la parte href de una etiqueta?

Question

he siguiendo unas etiquetas:

<a href="#tab1">Any tab1 Label</a> 
<a href="#tab2">tab2 Label</a> 
<a href="#tab3">Any tab3 Label</a> 
<script> 
function tellMyName() 
{ 
    alert(this.href); 
} 

</script> 

ahora quiero obligar a la función tellMyName a todas las etiquetas A y bajar Tab1 si se hace clic en cualquier etiqueta Tab1, Sep2 si Sep2 Etiqueta se hace clic y así sucesivamente ...

Answer 1

function tellMyName() { 
    alert(this.hash.substr(1)); 
} 

$('a').click(tellMyName); 

Answer 2

<script> 
function tellMyName() 
{ 
    var text = this.href; 
    text = text.replace("#",""); 
    alert(text); 
} 

</script> 

Answer 3

function tellMyName() { 
    var str = this.href.split("#")[1]; 
    alert(str); 
} 

No todo el tiempo solo se mostrará la parte de hash en el enlace. A veces, el host se agrega al href. Al dividir el href con el hash (#) y obtener la segunda parte de la cadena dividida, obtendrá lo que desea.

Answer 4

Prueba esto -

<a href="#tab1">Any tab1 Label</a> 
<a href="#tab2">tab2 Label</a> 
<a href="#tab3">Any tab3 Label</a> 

<script type="text/javascript"> 
$('a').click(function(){ 
alert(this.hash.split('#')[1]); //This will alert # part in clicked anchor tag 
}); 
</script> 

Answer 5

function tellMyName() { 
    alert(this.hash.replace('#','')); 
} 

$('a').click(tellMyName); 

crazy fiddle

Answer 6

Puede hacer algo como esto

var fragment = $('a#my-link')[0].hash.substr(1); 

Check it out.

Answer 7

Usted puede u sí algo como esto:

... 
var activeTab = $(this).attr("href"); 
$(activeTab).fadeIn(); 
... 

Este uso href = "# pestaña-id" para localizar # elemento de pestaña-ID que desea, y se desvanecen en

Answer 8

function tellMyName() { 
    var str = this.prop("hash").substr(1) 
    alert(str); 
} 

this.prop("hash") will return the hash value i.e #tab1