如何在成功的ajax響應中隱藏div元素？

Question

我想隱藏ajax響應div元素。這裏是我試過的：

<div id="product-options-wrapper" class="product-options"><!--where i am calling ajax--> 

new Ajax.Request(url, 
    { 
     parameters: {opt_product_id: 22}, 
     onSuccess: function(response) { 
      // Handle the response content... 
      if (response.responseText === "1") { 
      $("showoutofstocknotifbox").show(); 
       alert('it works'); //ajax response successful alert box shows 
      $$('.product-options-bottom').hide(); //should hide a div element 
      } else { 
      $("showoutofstocknotifbox").hide(); 
      } 
     }, 
    }); 
</div> 
<div class="product-options-bottom"><!--trying to hide on ajax success--></div> 

但這無能爲力。我正在使用原型JavaScript。 如何通過更正或修改上述（javascript）代碼來實現此目的？

感謝您的時間。

Answer 1

設置你的代碼

new Ajax.Request(url, 
{ 
    parameters: {opt_product_id: 22}, 
    onSuccess: function(response) { 
     // Handle the response content... 
     if (response.responseText === "1") { 
     $("showoutofstocknotifbox").show(); 
      alert('it works'); //ajax response successful alert box shows 

      $$('.product-options-bottom')[0].hide(); //should hide a div element 

     } else { 
     $("showoutofstocknotifbox").hide(); 
     } 
    }, 
}); 

$$（'。class'）用於返回數組，因此需要提及索引...

Answer 2

定義它的類是否添加。或者如果其ID添加＃

對於Class

$(".showoutofstocknotifbox").show(); 

對於ID

$("#showoutofstocknotifbox").show(); 

代碼太多錯誤還使用Firebug檢查錯誤 像

alert() not aler()