2011-09-13 45 views
0

我如何文本的Blurb追加到我的第一LI S'追加HTML和文本爲LI

<ul id="topnav"> 
    <li class="mainNavFirst"><a href="/solutions">Solution</a> 
    <li class="mainNavLast"><a href="/contact">Contact Us</a></li> 
    </ul> 

我要追加內

<li class="mainNavFirst"><a href="/solutions">Solution <span>Blurb Goes Here</span></a> 

回答

1

這是特定的用例.append()

$('.mainNavFirst a:first-child').append('<span>Blurb Goes Here</span>'); 

Working Example

從jQuery的文檔具體例子。

enter image description here

+0

這爲我工作,我喜歡它,因爲它的短期和最小的。但是,讓我們說我想把span標籤放在第一個'a'標籤內? – breezy

+0

已更新回答這樣做... – jondavidjohn

+0

只是將選擇器添加到'.mainNavFirst'內的'a'標記 – jondavidjohn

1
$('.mainNavFirst').html($('.mainNavFirst').html()+" <span>Blurb Goes Here</span>") 
1
$('li a','#topnav').eq(0).append('<span>Blurb</span>'); 

文本應該做的竅門

-1

然後試試這個:

$(".mainNavFirst").append("<a href='/solutions'>Solution <span>Blurb Goes Here</span></a>"); 
1
$('#topnav li:first > a').append(' <span>Blurb Goes Here</span>');