2011-02-04 124 views
0

我可以動態刪除文本框嗎?動態刪除文本框

+1

這將有助於解釋你正在嘗試做什麼以及到目前爲止嘗試過的內容。如果您在某人已經回答問題後沒有用另一個問題完全替換某個問題,這也會很有幫助。 – 2011-02-04 18:01:43

+1

@ B蜥蜴:我想自動刪除文本框。如果我將一個光標移到評論上時採用了stackoverflow,我會得到一個十字圖標。我該怎麼做? – gaurav 2011-02-04 18:15:30

回答

1

在OP看到評論後編輯):

要獲得StackOverflow上一樣的功能,你可以做這樣的事情:

HTML:

<div class="comment"> 
This is a test this is a test this is a test. 
</div> 

的JavaScript :

$(".comment").hover(function() { 
    $(this).append("<span class='close'>X</span>"); 
}, function() { 
    $(this).find("span.close").remove(); 
}).delegate(".close", "click", function() { 
    $(this).closest("div.comment").remove(); 
}); 

這裏有一個工作示例:http://jsfiddle.net/andrewwhitaker/xQTSb/

這一切都顯得有些忙亂,但這裏發生了什麼:

  • 用途hover,這需要一個函數,在mouseenter,並再次執行上mouseleave
  • 在這些函數中,刪除註釋的span分別被添加或刪除。
  • delegate用於將點擊事件綁定到跨度(因爲直到用戶將鼠標懸停在comment div之外,span才存在)。
+0

當我將光標移動到文本框的邊緣時,我需要一個小十字圖標,如果我點擊它應該刪除 – gaurav 2011-02-04 18:01:14

0
$('#your_text_box_id').remove()