Mude sua linha de código js
para o seguinte:
var teste = $("#exemplo").html();
Ficaria assim:
var teste = $("#exemplo").html();
alert(teste);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tr>
<td id='exemplo'>VALOR EXEMPLO 1</td>
<td id='exemplo1'>VALOR 2</td>
</tr>
</table>
Primeiramente, a chamada do evento do JQuery
$("#exemplo").val()
se refere ao atributo value
de algum elemento, onde normalmente ficam guardados os valores dos elementos, porém o seu elemento em questão na verdade é um td
(estrutura do corpo de uma tabela) que além de tudo, também não possui um atributo value
nativo, para pegar seu valor, o certo semanticamente seria colocar um outro elemento dentro dele, por exemplo um span
ou um label
, que ficaria mais ou menos assim: <td><label id='exemplo' value='VALOR EXEMPLO 1'>VALOR EXEMPLO 1</label></td>
, desse modo sua linha de comando JQuery
nem precisaria ser alterada. Mas isso vai de acordo com cada um...
Estruturando da forma como você deseja, o elemento td
apenas "escreve" na tela o que esta contido nele, ou seja o tipo de elemento td
não possui nativamente o atributo value
.
Para pegar o conteúdo/valor contido dentro de um td
, você devera usar o evento JavaScript
innerHTML();
que em JQuery
equivale ao evento HTML();