的jQuery/JavaScript的添加類不上IE 8,9

Question

工作，我有這樣一個div：

<div onclick="highlightFunction(<?php echo $id?>);"> 

我有以下的js代碼：

function highlightFunction(id) { 
    var id = "stuff" + stuff_id; 
    $('#boss-stuff').find('div').removeClass('highlight-stuff'); 
    var stuff = $('#' + id).find('div')[0]; 
    var jStuff = $(stuff); 
    jStuff.addClass("highlight-stuff"); 
} 

此代碼是內部的地方onlick手柄功能。

「高亮東西」類只是添加背景顏色。我已經嘗試過各種方式，從與document.getElementById（）.className到jQuery element.attr（「類」，「東西」）的JavaScript。所有與各種瀏覽器，但IE 8和9不工作。背景沒有改變。

請幫助和謝謝，我真的很感激它。如果您需要更多代碼，請告訴我。

一些解釋：id是唯一的，因此不會有超過一個元素具有相同的id。 $（'＃boss-stuff'）有一個$（'＃id'）的列表。 $（'＃id'）是一個li元素，有div子（ren）。我想爲div類添加背景色。

Answer 1

試試這個

var jStuff = $('#' + id).find('div')[0]; 
jStuff.addClass("highlight-stuff"); 

Answer 2

它在其他瀏覽器的事實，而不是IE聽起來像它的一些愚蠢的像不包括DOM Ready事件中的代碼。我記得前一段時間有類似問題。

你可以嘗試（如果你的代碼是不是已經在DOM就緒事件中）：

HTML

<div onclick="highlightFunction(<?php echo $id?>);"> 

的Javascript

<script type="text/javascript"> 
// This is really important.. make sure all jQuery is inside the DOM ready event 
$(function(){ 
    function highlightFunction(id) { 
     var id = "stuff" + stuff_id; 
     $('#boss-stuff').find('div').removeClass('highlight-stuff'); 
     var stuff = $('#' + id).find('div')[0]; 
     var jStuff = $(stuff); 
     jStuff.addClass("highlight-stuff"); 
    } 
}); 
</script> 

Answer 3

也許你的HTML層次結構太複雜？我試過這個，並將addClass作品添加到所有瀏覽器中。

HTML

<div id="boss-stuff"> 
    <div id="stuffst123456"> 
     <div id=""class="">Div without class</div> 
     <div id="" class="highlight-stuff">Div With Class</div> 
     </div> 
    <div id="st123457">Other Div</div> 
</div> 
<input id="testBtn" type="button" value="Click Me" /> 

的JavaScript

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#testBtn").click(function() { 
      var id = "stuff" + "st123456"; 
      $('#boss-stuff').find('div').removeClass('highlight-stuff'); 
      var stuff = $('#' + id).find('div')[0]; 
      var jStuff = $(stuff); 
      jStuff.addClass("highlight-stuff"); 
     }); 
    }); 
</script> 

CSS

.highlight-stuff { 
color: #ff0000; 

}