Obtener atributo href en jQuery

Question

Tengo algunas filas de la tabla

<tr class="b_row"> 
    <td> 
     <div class="cpt"> 
      <h2> 
       <a href="/ref/ref/1.html">example</a> 
      </h2> 
     </div> 
    </td> 
</tr> 

<!--more elements --> 

<tr class="b_row"> 
    <td> 
     <div class="cpt"> 
      <h2> 
       <a href="/ref/two/23.html">example N</a> 
      </h2> 
     </div> 
    </td> 
</tr> 

que necesitan para obtener hipervínculos en el atributo. Yo uso este script

function openAll() 
{ 
    $("tr.b_row").each(function(){ 
    var a_href = $('div.cpt').find('h2 a').attr('href'); 
    alert ("Href is: " + a_href); 
} 

Problema: a_href variables siempre es/ref/ref/1.html

Answer 1

En lazo que debe referirse al elemento procceded actual, por lo que escribir:

var a_href = $(this).find('div.cpt h2 a').attr('href'); 

Answer 2

var a_href = $('div.cpt').find('h2 a').attr('href'); 

debería ser

var a_href = $(this).find('div.cpt').find('h2 a').attr('href'); 

En la primera línea, su consulta busca todo el documento. En el segundo, la consulta comienza desde su elemento tr y solo obtiene el elemento debajo de ella. (Se pueden combinar los find s si se quiere, me fui separados para ilustrar el punto.)

Answer 3

añadir una referencia a this, que se refiere a su b_row:

$("tr.b_row").each(function(){ 
    var a_href = $(this).find('div.cpt h2 a').attr('href'); 
    alert ("Href is: "+a_href); 
}); 

Answer 4

Uso $(this) para obtener el deseo elemento.

function openAll() 
{ 
    $("tr.b_row").each(function(){ 
     var a_href = $(this).find('.cpt h2 a').attr('href'); 
     alert ("Href is: "+a_href); 
    }); 
} 

Answer 5

Muy simplemente, utilizar this según el contexto: http://api.jquery.com/jQuery/#selector-context

var a_href = $('div.cpt', this).find('h2 a').attr('href'); 

¿Qué dice, encontrar 'div.cpt' sólo dentro this

Answer 6

Utilice esta:

$(function(){ 
    $("tr.b_row").each(function(){ 
    var a_href = $(this).find('div.cpt h2 a').attr('href'); 
    alert ("Href is: "+a_href); 

    }); 
}); 

Ver un trabajo demo:http://jsfiddle.net/usmanhalalit/4Ea4k/1/