closest() for getting a html value from the previous td

Question

http://jsfiddle.net/twkRY/

<table>
    <tr>
        <td class="iwant">ttt</td>
        <td>some text <span class="txt">haha</span></td>
    </tr>
</table>

$(".txt").on("click", function() {
    alert($(this).closest("td.iwant").html())
})

It just gives undefined. Why not ttt ?

edit : i know the solution how to make it work with prev and parent , I just want to know why closest doesn't work.

Answer 1

您想要获得closest td ，然后使用prev获得先前的兄弟姐妹。

$(this).closest("td").prev(".iwant").html()