Question

我正在使用此插件：http://www.jquerynewsticker.com/ 我需要将li的内容包含在<a href=""></a>

中

<ul id="js-news">
    <li class="news-item">This is text 1 ...</li>
    <li class="news-item">This is text 2 ...</li>
    <li class="news-item">This is text 3 ...</li>
    <li class="news-item">This is text 4 ...</li>
 </ul>

像这样：

<ul id="js-news">
        <li class="news-item"><a href="my-form">This is text 1 ...</a></li>
          <li class="news-item"><a href="my-form">This is text 2 ...</a></li>
          <li class="news-item"><a href="my-form">This is text 3 ...</a></li>
          <li class="news-item"><a href="my-form">This is text 4 ...</a></li>
</ul>

我认为字符串需要在这个中。但我不知道如何：

script type="text/javascript">
    $(function () {
        $('#js-news').ticker({



        });
    });
</script>

Answer 1

试试这个：

$('li.news-item').each(function(){
  $(this).contents().wrap('<a href="#"/>');
});

演示： http://jsbin.com/uqedeq/1/edit

Answer 2

我建议，只要您的用户不会/不能插入自己的链接元素：

$('li.news-items').contents().wrap('<a href="#" />');

JS Fiddle demo

在标签中包含li的内容

2 个答案: