元素之前添加鏈接ul

我還是個初學者。

我想問一下，我想UL標記之前添加一個鏈接，如下面的代碼

<div id="PageList1" class="widget PageList"> 
<div class="widget-content"> 
<ul> 
<li class="selected"><a href="/">Home</a></li> 
<li><a href="/">Gallery</a></li> 
<li><a href="/">Contact</a></li> 
<li><a href="/">About</a></li> 
</ul> 
</div> 
</div>

我添加代碼<a href="#" id="pull"> Menu </ a>和變成這個樣子

<div id="PageList1" class="widget PageList"> 
<div class="widget-content"> 
<a href="#" id="pull">Menu</a> /*---I would like to add this.----*/ 
<ul> 
<li class="selected"><a href="/">Home</a></li> 
<li><a href="/">Gallery</a></li> 
<li><a href="/">Contact</a></li> 
<li><a href="/">About</a></li> 
</ul> 
</div> 
</div>

我試圖使用before()，但它不起作用，希望你能幫助我。

$("#PageList1 ul").before("<a id="pull" href="#">Menu</a>");

或

$("#PageList1 .widget-content").prepend("<a href='#' id='pull'>Menu</a>");

的代碼不能正常工作。

感謝，認爲

來源

2013-07-26 SSK

顯示你的嘗試，我們可以告訴你哪裏出錯了。 – Musa

第一個引號被打破，第二個引用錯誤的元素。 – Musa

@Musa我編輯了謝謝 – SSK

$('.widget-content').prepend('<a href="#" id="pull">Menu</a>');

test it here jsfiddle;

來源

2013-07-26 04:30:45

我在另一個上使用了選擇器的「widget-content」。我只是添加元素。 – SSK

@ user2621248我做了一個小提琴，所以你可以看到這個工程.. –

我試圖添加選擇器＃PageList1和成功，謝謝，問候。 – SSK

這將工作

$('div.widget-content').prepend('<a href="#" id="pull">Menu</a>');

來源

2013-07-26 04:30:37 James

我已經解決了這個問題，也許下一次我再次問你，關於 – SSK

你可以嘗試像

document.getElementsByClassName("widget-content")[0].innerHTML = "<a href="#" id="pull">Menu</a>" +document.getElementsByClassName("widget-content")[0].innerHTML;

來源

2013-07-26 04:32:34 ifell

另一方面，我使用選擇器的「widget-content」。我只是添加元素。 – SSK

你必須添加一個更具體的選擇器，例如使用getElementsById並在該特定標記中添加一個標識，或者如果您只在一個頁面上使用此標識，請將[]中的0替換爲與正確的窗口小部件內容元素對應的編號 – ifell

我已解決問題，也許下一次我再次問你，如果你使用代碼標籤'ul'可能會被添加以及 – SSK

這裏是如何使用.before()

$(function(){ 

    $('#PageList1 ul').before('<a href="#" id="pull"> Menu </ a>'); 

});

也是這個的jsfiddle見做到這一點： http://jsfiddle.net/C7T8P/1/

來源

2013-07-26 04:32:40 prograhammer

'ul'標籤內元素'Pagelist1'選擇器。更新了我的答案。 – SSK

當然，你可以添加'＃PageList1'中的 – prograhammer

我已更改，但仍無法使用。 – SSK

試試下面的HTML代碼。

<html> 
<head> 
<title>Link Before the UL</title> 
<style type="text/css"> 
#navlist 
{ 
padding-left:10px; 
margin-left:0px; 
display:inline; 
} 
#navlist li 
{ 
display: inline; 
list-style-type: none; 
padding-right: 20px; 
} 
</style> 
</head> 
<body> 
<div id="navcontainer"> 
<a href="#" id="pull">Menu</a> 
<ul id="navlist"> 
<li id="active"><a href="#" id="current">Gallery</a></li> 
<li><a href="#">Contact</a></li> 
<li><a href="#">About Us</a></li> 
</ul> 
</div 
</body> 
</html>

來源

2013-07-26 04:43:10 Rex

元素之前添加鏈接ul

回答

相關問題