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 に答える