Gostei da resposta do Diego Vieira(+1) pois não conhecia esse atributo data-qualquercoisa que pode ser criado.
No entanto, fui por um caminho diferente, pois vi que o nome já se encontrava escrito dentro da td e fui tentar pegá-lo com innerHTML
. Não consegui com o código utilizado pois trata-se de um objeto JQuery e não é assim com .innerHTML
que funciona a manipulação com Jquery. O Jquery cria um encapsulamento para conteúdo que é diferente de usar elemento = document.getElementById("iddoelmento");
.
Daí me surgiu uma curiosidade: Como poderia fazer para pegar os nomes das propriedades e métodos de objetos de qualquer natureza, seja jquery ou não? Descobri a existência do Object.getOwnPropertyNames(nomedoobjeto)
ao pesquisar no Stack Overflow em inglês.
No teste em questão o objeto localizado com Jquery tinha as seguintes propriedades:
0,1,length,prevObject,context,selector
Comecei testando o 0 e era o elemento que precisava. tdobj[0].innerHTML
retorna o conteúdo da célula localizada.
Gostaria de compartilhar a experiência, segue o código executável abaixo.
$(function(){
$(document).on('click', '.btn-danger', function(e) {
e.preventDefault;
//tdobj = $(this).parent().parent().find('td');
tdobj = $(this).closest('tr').find('td');
// lalala = Object.getOwnPropertyNames(tdobj);
// alert(lalala);
// 0,1,length,prevObject,context,selector
alert("[0]: " + tdobj[0]);
alert("[0].innerHTML:\n" + tdobj[0].innerHTML);
alert("[1]: " + tdobj[1]);
alert("[1].innerHTML:\n" + tdobj[1].innerHTML);
alert("length: " + tdobj["length"]);
alert("prevObject: " + tdobj["prevObject"]);
alert("context: " + tdobj["context"]);
alert("selector: " + tdobj["selector"]);
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tr>
<td>Teste Nome do Cara</td>
<td><button class="btn-danger">Recuperar nome</button></td>
</tr>
</table>
Referência: https://stackoverflow.com/questions/2257993/how-to-display-all-methods-of-an-object-in-javascript?answertab=active#tab-top
.closest('tr')
é mais seguro do que.parent().parent()
n vezes.