每次前端的问题都能把我整好久,看来当时网页这门课没学好,今天遇到的问题是不知道如何获取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的元素