的jQuery - 跨度的點擊DIV

Question

內改變CSS我有一個表：

<table> 
    <tr class="row"> 
    <td> 
     Click me! 
     <span class="expand" style="display: none;">Hidden text</span> 
    </td> 
    </tr> 

    <tr class="row"> 
    <td> 
     Click me! 
     <span class="expand" style="display: none;">Hidden text</span> 
    </td> 
    </tr> 
</table> 

的想法是，每行可點擊，然後點擊該行將揭示細胞中的隱藏的範圍。這裏是jQuery的我一直想：

$("#row").click(function() { 
    $(this).class(".expand").style = ""; 
}); 

我使用$（本），因爲有同一類的許多spans，我只是想點擊的行內擴大範圍。

Answer 1

$(".row").click(function() { 
    $(this).find("span.expand").show(); //Shows specific span for each row 
}); 

注：#row是錯誤的，因爲row是一類。使用.row

Answer 2

使用.css()通過jQuery設置風格

$(".row").click(function() { 
    $(this).find(".expand").css('color','red'); 
    //to show use 
    $(this).find(".expand").show(); 
}); 

.find()

又讀

css with jQuery

Answer 3

這應該排序你出去：

的jQuery：

$('.row').click(function(){ 
    $(this).find('span').show(); 
}); 

*請注意，每個行具有類「行」的這樣的元件是「.row」而不是‘#row’（這將參照‘行’的ID）

Answer 4

使用此代碼...

$('.row').click(function(){  // row is class not id 
    $(this).find('span').show(); 
}); 

如果你想（隱時現秀所示，當隱藏）切換顯示，然後使用..

$('.row').click(function(){  // row is class not id 
    $(this).find('span').toggle(); 
});