获取指定行所在的列

每次前端的问题都能把我整好久,看来当时网页这门课没学好,今天遇到的问题是不知道如何获取table下某一列的所有数值,校验后并对它所在的行的其他兄弟节点进行操作。

html:

<table class="datatbl">
    <thead>
        <tr>
            <td>xxx</td>
            <td>xxx</td>
        </tr>
    </thead>
    <tbody>
        <s:iterator value="list">
            <td class="a"><s:property value="a"/></td>
            <td class="compareFlag"><s:property value="b"/></td>
        </s:iterator>
    </tbody>
</table>

思路:为了操作步骤方便,我直接将要获取的那一列加上class,本来想从table一步步往下找,但是不知道怎么.childern不太会用,索性直接根据class找所有的元素。

$(“.compareFkStatus”).each(function(){
console.log($(this).html());
});

然后获取此td所在的tr,也就是其父节点

$(".compareFkStatus").each(function(){
    console.log($(this).html());
    var parent = $(this).parent();
    var a = parent.find("[class='a']").html();
    console.log("a:"+a);
});

这里parent就是所在列,a就是所在列。

总结一下,也就是子元素与父元素的获取

$(子元素).parent() #获取父元素
$(父元素).children(selector) #获取子元素
$(xxx).find(“[class=’a’]”) #与上面相似,此处的意思为xxx下的class为a的元素