如何选择被点击元素的后代元素

时间:2015-10-20 17:31:26

标签: jquery css css-selectors

对不起家伙..愚蠢的问题..但似乎无法让这个工作..

<td width='17px;' id='".$line["line_id"]."' class='expandable'>
    <i class='icons-toggle-down icons-black' title='Toggle purchase/deliveries..'></i>
</td>

$('.expandable').on('click', function(){
    var id=$(this).attr('id');
    $('#'+id+'.data_line').toggle();
    if ($('#'+id+'.expandable').hasClass('icons-toggle-down'))
        $('#'+id+'.expandable > i').removeClass('icons-toggle-down').addClass('icons-toggle-up');
    else
        $('#'+id+'.expandable > i').removeClass('icons-toggle-up').addClass('icons-toggle-down');
});

当按下td(&#39; .expandable&#39;)时,data_line切换正常..但是类图标没有。 (字体真棒切换和切换)

我很累 - 这可能太简单了; - )

1 个答案:

答案 0 :(得分:1)

我将通过大幅简化来尝试回答。看看这是否有帮助。

position: fixed;
top: 0;
left:0;

我不确定$('.expandable').click(function () { $(this).find('i').toggleClass('icons-toggle-down icons-toggle-up'); }); 在哪里,但这可能是一个简单的补充。