将HTML和文本附加到LI中

Question

如何在我的第一个LI s

中附加一段文字

  <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>

Answer 1

$('.mainNavFirst').html($('.mainNavFirst').html()+" <span>Blurb Goes Here</span>")

Answer 2

$('li a','#topnav').eq(0).append('<span>Blurb</span>');

应该做的伎俩

Answer 3

这是.append()

的具体用例

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

Working Example

jQuery Docs的具体示例。

Answer 4

$('#topnav li:first > a').append(' <span>Blurb Goes Here</span>');

Answer 5

然后试试这个：

$(".mainNavFirst").append("<a href='/solutions'>Solution <span>Blurb Goes Here</span></a>");