0

每个人，

我还是个初学者。

想问一下，想在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>");

代码不起作用。

感谢和问候

4

5 回答 5

1

尝试以下 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-26T04:43:10.160 回答
1

这是您可以使用的方法.before()

$(function(){

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

});

另请参阅此 jsFiddle：http: //jsfiddle.net/C7T8P/1/

于 2013-07-26T04:32:40.580 回答
0

你可以尝试类似的东西

document.getElementsByClassName("widget-content")[0].innerHTML = "<a href="#" id="pull">Menu</a>" +document.getElementsByClassName("widget-content")[0].innerHTML;
于 2013-07-26T04:32:34.393 回答
0

这将起作用

$('div.widget-content').prepend('<a href="#" id="pull">Menu</a>');
于 2013-07-26T04:30:37.870 回答
0 
 $('.widget-content').prepend('<a href="#" id="pull">Menu</a>');

在这里测试它 jsfiddle ;

于 2013-07-26T04:30:45.853 回答