2011-07-19 56 views
1

我試圖通過使用此代碼到DOM元素到一個變量存儲:保存一個jQuery的DOM元素作爲變量

var save_status = $(this).siblings(".save-status")[0]; 
save_status.append("<img src="images/loading-small.gif" width=30 />"); 

我碰到下面的錯誤,但:

Uncaught SyntaxError: Unexpected identifier 

任何想法爲什麼我可能會得到這個錯誤? 謝謝!

回答

9

更換

save_status.append("<img src="images/loading-small.gif" width=30 />"); 

save_status.append('<img src="images/loading-small.gif" width=30 />'); 

的問題是在你的報價。

9

由於您的引號沒有被轉義(或文字),您會收到錯誤信息。

爲了回答您的其他問題(每標題和示例),可以節省jQuery對象DOM元素,但他們不一樣的。例如:

var x = $(selector); // returns jQuery object 
var y = $(selector)[0]; // returns DOM element 

x.append('stuff'); // use jQuery functions directly 
$(y).append('stuff'); // pass the DOM element to jQuery first 
0

我看到幾件事。試試下面這個例子:

<style> 
#mydiv{ 
    display: block; 
    width: 100px; 
    height: 100px; 
    background-color: red; 
} 
</style> 
<script src="../assets/js/jquery-1.6.min.js" type="text/javascript"></script> 
<script> 
$(function(){ 
    $("#mydiv").click(function(){ 
     var save_status = $(this).siblings(".save-status").next(); 
     save_status.append('<img src="images/loading-small.gif" width=30 />'); 
     alert(save_status); 
    }); 
}); 
</script> 
<body> 
    <div id="mydiv"> 
     <div></div> 
     <div></div> 
     <div class="save-status"></div> 
    </div> 
</body> 

的差別在於,報價和使用 「的.next()」

相關問題