代码之家  ›  专栏  ›  技术社区  ›  heisenberg

jQuery将值an<a>传递到其目标页

  •  0
  • heisenberg  · 技术社区  · 6 年前

    但是,我尝试了一些方法,比如使用 .data()

    我必须动态添加主题数据,每个主题都有自己的包含 div

    for (var i = 0; i < len; i++) {
        var topicId = topicData[i]['topicId'];
        var topicTitle = topicData[i]['topicTitle'];
        var topicDiv = $('<div></div>');
        var topicLink = $('<a>' + topicTitle+ '</a>').addClass('topic_link').attr('href','view/student_learn_topiclink.php').attr('target','_blank');
        var btnStartPretest = $('<button> Start Pretest </button>');
        var btnStartPostTest = $('<button> Start PostTest </button>');
        topicDiv.append(topicLink);
        topicDiv.append(btnStartPretest);
        topicDiv.append(btnStartPostTest);
        $(".allContent_Container").append(topicDiv);
    }
    

    这条线路有问题

    $('<a>' + topicTitle+ '</a>').addClass('topic_link').attr('href','view/student_learn_topiclink.php').attr('target','_blank');
    

    我试图补充 ..attr('target','_blank').data(topicId) 我需要传递 topicId href 单击“定位”。

    如有任何建议,我将不胜感激。

    非常感谢。

    2 回复  |  直到 6 年前
        1
  •  0
  •   Huy Nguyen    6 年前

    为什么不把topicId也放到attr中:

    .attr("topicId",topicId)
    
        2
  •  0
  •   Shiladitya    6 年前

    这是ES6解决方案

    topicLink = `<a class="topic_link" href="view/student_learn_topiclink.php?topicId=${topicId}" target="_blank">${topicTitle}</a>`;