使用jQuery更新div並不顯示在DOM上

Question

總是在頁面上的一些html。

  <div class="info"> 
       <div class="bar"></div> 
       <div class="rehints">10 REHINTS</div> 
       <div class="hinter"> 
        <div class="picture monophoto"> 
         <div class="text">BO</div> 
         <div class="img" style="background-image: url();" onclick=""></div> 
        </div> 
        <div class="content"> 
         <div class="one">Hinted by:</div> 
         <div class="two"><a href=""></a></div> 
        </div> 
       </div> 
       <div class="partnertext">Partnered Hint</div> 
       <div style="clear:both;"></div> 
      </div> 
     </div> 

我加入以下jQuery來隱藏它的情況下，有沒有「打

 var selectedProductsInfo = viewHint.querySelector('.rehints').textContent; 
     var selectedProductsHints = a.clones + ((a.clones == 1)? " REHINT" : " REHINTS"); 
     if(pathsArray[1] == 'user' && selectedProductsHints == '0 REHINTS') { 
      $('.info').css('display', 'none'); 
     } else { 
      $('.info').css('display', 'inline'); 
      selectedProductsInfo = selectedProductsHints; 
     } 

調試的情況下顯示有提示，應該在這裏分配給它：

<div class="rehints">10 REHINTS</div> 

在我運行下面的代碼的情況下。調試器看起來像它找出它確實有提示的分配2個HINTS到div：

但結果仍顯示10個REHINTS：

我在做什麼錯誤？

Answer 1

這得到它的工作：

 var selectedProductsHints = a.clones + ((a.clones == 1)? " REHINT" : " REHINTS"); 
     if(pathsArray[1] == 'user' && selectedProductsHints == '0 REHINTS') { 
      $('.info').hide(); 
     } else { 
      $('.info').show(); 
      $("div.rehints").text(selectedProductsHints); 
     } 

Answer 2

如果改變這一行：

selectedProductsInfo = selectedProductsHints; 

到：

viewHint.querySelector('.rehints').textContent = selectedProductsHints; 

它應該達到你要的東西。