【问题标题】:jQuery Adding <a href="#"jQuery 添加 <a href="#"
【发布时间】:2015-01-09 14:05:55
【问题描述】:

我有以下 sn-p 当前返回 &lt;li&gt;。我怎样才能让它返回&lt;li&gt;&lt;a href="#" 我不会使用href 但我使用的是Boostrap3,所以我需要它来导航。

代码:

  fetchJSON.done(function(response) {
        var buttons = response.map(function(i) {
            return $('<li>', {
                text: i.title,
                "data-author": i.author,
                "data-body": i.body
            })
        });
        $('ul').append(buttons);

【问题讨论】:

    标签: jquery


    【解决方案1】:

    很简单

            return $('<li>', {
                "data-author": i.author,
                "data-body": i.body
            }).append($('<a>', { href: '#', text: i.title }))
    

    我还建议您使用:

    .data({
        author: i.author,
        body: i.body
    })
    

    而不是手动制作它们

    【讨论】:

      【解决方案2】:

      你必须能够直接使用 append 方法

      .append("<a href='#'>some Description</a>");
      
      
      
      return $('<li>', {
                  text: i.title,
                  "data-author": i.author,
                  "data-body": i.body
              }).append("<a href='#'>some Description</a>");
      

      【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-05-16
      • 2012-02-06
      • 1970-01-01
      • 2016-09-25
      • 1970-01-01
      • 2016-09-08
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多