把li attribut放在一個跨度上

Question

我是開發者在精彩的開發世界，我需要你的幫助。讓我解釋一下：

我有一個菜單，按下漢堡時展開，從而顯示三個項目。 一方面，我認爲當你點擊一個項目菜單關閉 而在另一方面，我砍的項目出現在SPAN :)

$('li').click(function() { alert($(this).attr('id'));}) 

謝謝您的幫助。 DEMO JSFIDDLE

特使大家

Answer 1

這樣簡單：jsfiddle

加入這個

$('li').click(function() { 
    $('h1 + span').text($(this).attr('id')) 
    $('#overlay').removeClass('open'); 
    $('#toggle').removeClass('active'); 
}) 

還刪除了類open從#overlay單擊菜單關閉李打完，並從按鈕移除類active所以從X變成漢堡包線。如果你不需要它們，你可以排除這兩行

Answer 2

你順利拿到了id的值;現在你只需要獲取你想要添加的元素，然後添加它。

而不是將值放入警報中，您將使用jquery的text()函數中的值（假定您希望ID位於<span>標記內）。

第一，得到你想要的<span>元素：

$('.top') 

這得到所有的與類 「頂」 元素。

現在所說的text()功能（更多在這裏信息：http://api.jquery.com/text/）的元素：

$('.top').text('your text here'); 

而不是'你在這裏的文字'，把ID的價值，像這樣：

$('.top').text($(this).attr('id'));