Question

所以我正在制作一个jquery插件，它获得了一些工作正常的标题，但是当我尝试将结果输出到HTML页面时，一些标题会显示在标签之外，它们应该在里面？< / p>

HTML：

<div class="news"></div>

jQuery的：

$(el).append('<li class=' + options.listClassName + '>' + '<a href=' + link[1] + '>' + e.title + '</a></li>')

当我在这里加载网页时，我在“检查元素”

时的显示方式

<div class="news">
    <li class="item">
        <a href="http://example.com/link/to/article.html"></a>Article Headline
    </li>
    <li class="item">
        <a href="http://example.com/link/to/article.html">Article Headline</a>
    </li>
    <li class="item">
        <a href="http://example.com/link/to/article.html">Article Headline</a>
    </li>
    <li class="item">
        <a href="http://example.com/link/to/article.html">Article Headline</a>
    </li>
    <li class="item">
        <a href="http://example.com/link/to/article.html">Article Headline</a>
    </li>
    <li class="item">
        <a href="http://example.com/link/to/article.html"></a>Article Headline
    </li>
    <li class="item">
        <a href="http://example.com/link/to/article.html">Article Headline</a>
    </li>
    <li class="item">
        <a href="http://example.com/link/to/article.html"></a>Article Headline
    </li>
    <li class="item">
        <a href="http://example.com/link/to/article.html"></a>Article Headline
    </li>
    <li class="item">
        <a href="http://example.com/link/to/article.html">Article Headline</a>
    </li>
</div>

正如您所看到的，有些标题不在标签内，而有些则是？

任何帮助都是非常有用的！

此致本

Answer 1

试试这个：

<div><ul class="news"></ul></div>

$('.news').append('<li class=\"' + options.listClassName + '\">' + '<a href=\"' + link[1] + '\">' + e.title + '</a></li>')

请参阅\"已添加。

Answer 2

我不知道你输出错误的原因，但我更喜欢用动态jquery定义我的html

$(el).append($('<li>')
.addClass(options.listClassName)
.append($('<a>')
    .attr('href', link[1])
    .text(e.title)
    )
);

示例JsFiddle链接http://jsfiddle.net/utku/ZvVtv/

Answer 3

您可以尝试这样的事情：

var li=$('<li />').addClass(options.listClassName);
var a=$('<a />').attr('href',link[1]).text(e.title);
li.append(a);
$(el).append(li);

并且还将div改为ul，就像pXL说的那样。

一些字符串显示在<a> tag?</a>之外

3 个答案: