如何使用jQuery修改属性ROWSPAN? [英] How to modify attribute ROWSPAN with jQuery?

问题描述

<table border="1">
    <tr><td>111</td><td>22</td><td rowspan="3">ads</td></tr>
    <tr><td>111</td><td class="remove">22</td></tr>
    <tr><td>111</td><td class="remove">22</td></tr>
    <tr><td>111</td><td>22</td><td rowspan="3">ads</td></tr>
    <tr><td>111</td><td class="remove">22</td></tr>
    <tr><td>111</td><td class="remove">22</td></tr>
    <tr><td>111</td><td>22</td><td rowspan="3">ads</td></tr>
    <tr><td>111</td><td class="remove">22</td></tr>
    <tr><td>111</td><td class="remove">22</td></tr>
</table>

$('.remove').click(function(){
   $(this).parent().remove();
})

字段: http://jsfiddle.net/r5BDW/1/

如果我删除TR，则表会中断，因为ROWSPAN太大.可以修改ROWSPAN吗?如果是，怎么办?

If I remove TR then table is breaks because ROWSPAN is too large. Is possible modify ROWSPAN? If yes, how?

推荐答案

 $('.remove').click(function(){
     $(this).parent()
            .prevAll('tr:has(td[rowspan]):first')
            .find('td[rowspan]')
            .attr('rowspan', function(i, rs) { return rs - 1; })
            .end()
            .end()
            .remove();
 });

• .parent()
• .prevAll()
• element-selector
• 有选择器
• has-attribute-selector
• 优先选择器
• .find()
• .attr()
• .end()
• .remove()

这篇关于如何使用jQuery修改属性ROWSPAN?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！