Question

这是动态代码，我不能将任何类或id分配给子元素，并且子元素的数量也不固定。我可以向我的表添加类或id，但行只能访问代码for td.I需要从特定表的最后一个子元素中删除margin-right属性（该表是唯一的，我可以向该表添加类或id）这是我的代码

<table width="100%" cellspacing="0" cellpadding="12" border="0" class="category_list">
    <tr valign="top" height="99" class="category_list_row">
        <td class="categery-box category-right-margin"><a href="#"><img border="0" title="shop2.jpg" alt="shop2.jpg" src="#"></a>

            <div class="shop_content"><span class="shop_txt"><a onmouseout="this.className='lnk-HedOff'; return true;" onmouseover="this.className='lnk-HedOn'; return true;" ;="" class="lnk-HedOff" href="#">Laptops &amp; Notebooks</a>
    </span>
 <a onmouseout="this.className='lnk-HedOff'; return true;" onmouseover="this.className='lnk-HedOn'; return true;" ;="" class="lnk-HedOff" href="#"><input type="image" src="#"></a>
            </div>
        </td>
        <td class="categery-box category-right-margin"><a href="/s.nl/c.3747762/sc.7/category.59/.f"><img border="0" title="ipad.jpg" alt="ipad.jpg" src="/core/media/media.nl?id=130&amp;c=3747762&amp;h=d03cb241573f0b4c67c8"></a>

            <div class="shop_content"><span class="shop_txt"><a onmouseout="this.className='lnk-HedOff'; return true;" onmouseover="this.className='lnk-HedOn'; return true;" ;="" class="lnk-HedOff" href="#">iPADs &amp; Tablets</a>
    </span>
 <a onmouseout="this.className='lnk-HedOff'; return true;" onmouseover="this.className='lnk-HedOn'; return true;" ;="" class="lnk-HedOff" href="#"><input type="image" src="#"></a>
            </div>
        </td>
        <td class="categery-box category-right-margin"><a href="#"><img border="0" title="shop1.jpg" alt="shop1.jpg" src="#"></a>

            <div class="shop_content"><span class="shop_txt"><a onmouseout="this.className='lnk-HedOff'; return true;" onmouseover="this.className='lnk-HedOn'; return true;" ;="" class="lnk-HedOff" href="#">Mobile Phones</a>
    </span>
 <a onmouseout="this.className='lnk-HedOff'; return true;" onmouseover="this.className='lnk-HedOn'; return true;" ;="" class="lnk-HedOff" href="#"><input type="image" src="#"></a>
            </div>
        </td>
        <td class="categery-box category-right-margin"><a href="/s.nl/c.3747762/sc.7/category.49/.f"><img border="0" title="shop3.jpg" alt="shop3.jpg" src="#"></a>

            <div class="shop_content"><span class="shop_txt"><a onmouseout="this.className='lnk-HedOff'; return true;" onmouseover="this.className='lnk-HedOn'; return true;" ;="" class="lnk-HedOff" href="#">Cameras</a>
    </span>
 <a onmouseout="this.className='lnk-HedOff'; return true;" onmouseover="this.className='lnk-HedOn'; return true;" ;="" class="lnk-HedOff" href="/s.nl/c.3747762/sc.7/category.49/.f"><input type="image" src="#"></a>
            </div>
        </td>
    </tr>
</table>

如何使用jquery实现这一点？我想从最后一个td元素中删除margin-right属性。

Answer 1

你可以使用td获取最后一个last，正如你所知道的那样，你知道表'id'

$( "#mytable td:last" ).css("margin-right",""); 
//to change the css property
$( "#mytable td:last" ).removeClass('myclass');
//to remove last td class

Answer 2

$('table.category_list').find('td').eq(-1).css('margin-right', '');

这应该可以胜任。

Answer 3

试试这个，

$('table.category_list tr').each(function() {
      var lasttd=  $(this).find(':last-child');
      lasttd.css({margin-right:''});
});

如何从上一个子元素中删除css属性？

3 个答案: