無法確定對TD用什麼選擇表內的div

我無法確定使用何種選擇訪問CSS屬性的內部。這裏是我的代碼：無法確定對TD用什麼選擇表內的div

我的jQuery：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#columnDay1').css('cursor', 'pointer'); 
     $('#columnDay1').mouseover(function() { 
      $('td.calendarHeader').css("background-color", "#a43802"); 
     }); 
     $('#columnDay1').mouseout(function() { 
      $('td.calendarHeader').css("background-color", "#37322e"); 
     }); 
    }); 
</script>

我的HTML：

<div class="contentColumnDay1"> 
<table cellpadding="0" cellspacing="0" id="columnDay1"> 
    <tr> 
     <td class="calendarHeader"> 
      <p><span class="dayHeader">Day 1</span><br />August 15, 2011</p> 
     </td> 
    </tr> 
    <asp:Label runat="server" id="labelDay1"></asp:Label> 
</table>

我試圖訪問.calendarHeader CSS屬性background-color。我試過#columnDay1.calendarHeader，它不起作用。我正在桌子上敲我的頭。

任何幫助？

來源

2011-06-08 CSSHell

是一個方法有很多更好的方法，你 – abhijit2011-06-08 04:03:40

回答

代替

$('#columnDay1').mouseover(function() { 
    $('td.calendarHeader').css("background-color", "#a43802"); 
});

嘗試

$('#columnDay1').mouseover(function() { 
    $('td.calendarHeader', this).css("background-color", "#a43802"); 
});

td.calendarHeader將引用類的每個TD 「calendarHeader」。您需要爲其指定this或$(this)的上下文，以指定您只想在剛剛鼠標懸停的元素內查找td.calendarHeader。或者，你可以做$(this).find('td.calendarHeader').css

來源

2011-06-08 02:46:10 daybreaker

這個工作完美。非常感謝。 – CSSHell 2011-06-08 06:23:48

嘗試：

$('#columnDay1 .calendarHeader').css('background-color');

我認爲你缺少的選擇

來源

2011-06-08 02:28:47 Petah

之間的空間，因爲contentColumnDay1是一類，不能使用#contentColumnDay1（＃是ID），使用.contentColumnDay1 td.calendarHeader代替。

來源

2011-06-08 02:31:04

相關問題