如何選擇點擊的元素

Question

對不起傢伙..愚蠢的問題的後代元素。但似乎無法得到這個工作..

<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（ '.expandable'）data_line切換正常..但類圖標不。 （字體真棒撥動式和撥動下）

我pussled - 這可能是SOOO簡單;-)

Answer 1

我要去大大簡化，試圖回答。看看這是否有幫助。

$('.expandable').click(function() { 
    $(this).find('i').toggleClass('icons-toggle-down icons-toggle-up'); 
}); 

我不確定在哪裏data_line是，但這可能是一個簡單的補充。