在點擊td之后嘗試獲取td行文本

Question

我想在它后面的行中單擊div時獲得行的內容

HTML：

<td class="ms-cellstyle ms-vb2">10</td>
<td class="ms-cellstyle ms-vb2">
    <div class="ms-chkmark-container">
        <div class="ms-chkmark-container-centerer"><span class="ms-cui-img-16by16 ms-cui-img-cont-float" unselectable="on" style="z-index:0"><img id="2,10,chk" liid="10" shouldanimate="1" lid="{00124E2C-BFCD-4501-8668-EFAF8E6416D2}" tabindex="0" title="Mark task complete." class="js-chkmark ms-chkmark-notcomplete" src="/_catalogs/theme/Themed/626BDBFA/spcommon-B35BB0A9.themedpng?ctag=11" unselectable="on" hascheckmarkhandler="1"></span>
        </div>
    </div>
</td>

JS：

var itemID = $("div .ms-chkmark-container").click(function () {
    var id = $(this).closest("td").prev().html();
    console.log(id);
    return id;
})

http://jsfiddle.net/q7Zfv/6/

Answer 1

您為什么不只求父母（）代替prev（）？

var id = $(this).parent().prev().html();

雖然還沒有嘗試過，但應該可以。

您也可以將點擊指向td本身並使用$（this）。

Answer 2

<td class="ms-cellstyle ms-vb2 itemid">10</td>
<td class="ms-cellstyle ms-vb2">
    <div class="ms-chkmark-container">
        <div class="ms-chkmark-container-centerer"><span class="ms-cui-img-16by16 ms-cui-img-cont-float" unselectable="on" style="z-index:0"><img id="2,10,chk" liid="10" shouldanimate="1" lid="{00124E2C-BFCD-4501-8668-EFAF8E6416D2}" tabindex="0" title="Mark task complete." class="js-chkmark ms-chkmark-notcomplete" src="/_catalogs/theme/Themed/626BDBFA/spcommon-B35BB0A9.themedpng?ctag=11" unselectable="on" hascheckmarkhandler="1"></span>
        </div>
    </div>
</td>


  ("div .ms-chkmark-container").click(function () {
    var id=$(this).parent().prev(".itemid").html();
    }