如何獲得DIV中的元素名稱和ID的類型

Question

我想基於一種高級可編輯區域概念構建一種通用的原始CMS。概念如下：

通過將內容劃分爲多個DIV來構建網站。在每個DIV中，開發人員放置圖像，文本等。

當用戶進入管理區域時，通過將鼠標懸停在可編輯的DIV上方，這些突出顯示。如果用戶點擊一個DIV，彈出一個模式窗口。此模式窗口包含一個用戶可以更改DIV內容的窗體。

我知道有很多'可編輯區域'腳本，我也使用過它們，但是這會更通用，因爲它也可以處理圖像（上傳/刪除）。

例如，假設DIV包含一些文本。通過點擊這個DIV，模態窗口會彈出一個帶有一個輸入字段和一個提交按鈕的表單，用戶可以更改該DIV中的文本。如果點擊的DIV有一個圖像和一些文本，模式窗口應該包含一個輸入字段來改變文本，一個上傳字段上傳一個新的圖像，一個提交按鈕和刪除按鈕來刪除圖像。

Click here to understand the layout（這不是一個工作示例）

最後，我想知道是否有與jQuery一種方式來獲得元素

<input> <img> <textarea> etc 

給出的名的類型到元素和它們的ID號裏面點擊DIV到dinamically建立編輯所選DIV所需的模式窗口。

謝謝

Answer 1

看起來像你想jQuery的html()

http://api.jquery.com/html/

它將檢索元素

。例如所有的HTML內容：

$("div#main").click(function(){ 
    var allhtml = $(this).html(); 
    $("div#modalID").html(allhtml); 

)}; 

這竟被d將div中的所有html帶到ID main，將其保存到變量allhtml，然後用它替換div中的所有ID modalID。

Answer 2

，如果你必須使用jquery

jQuery("???").get(0).tagName