Javascript 动态链接html表内容

我不熟悉jQuery。我有jQuery使用引导显示的表内容。我想为每个值创建链接到url的超链接。我不知道如何将jQuery嵌入到另一个jQuery中来实现这一点。我使用了[href=www.google.com/+run\u-accession>run\u-accession]，但这不使用run\u-accession参数

<table id="resultsTable" class="table table-hover">
<thead>
    <tr><th><input type="checkbox" id="selectAll" checked="true" \></th>
    <th class="sortable" sort-target="run_accession">Run</th>
    <th class="sortable" sort-target="experiment_accession">Experiment</th>

</thead>
<tbody id="results_display">
{% for sra in sra_page %}
<tr><td><input class="srasCb" checked="true" type="checkbox" name="sras" value="{{ sra.run_accession}}"\></td>
    <td>{{ sra.run_accession }}</td>
    <td>{{ sra.experiment_accession }}</td>
</tr>
{% endfor %}

非常感谢您的建议。

要使behave as a link成为链接，您可以在for循环中使用jQuery构造函数创建元素，并将click事件侦听器附加到元素上，如下所示：

var container = $('#results_display');

for (i = 0; i < data.length; i++) { 

    // create elements using jquery
    var tr = $('<tr/>');
    var td1 = $('<td/>', {
        text: 'cell 1'
    });
    var td2 = $('<td/>', {
        text: 'cell 2'
    });

    // add click event listener to td1
    td1.click(function () {

        // go to url on click
        window.location.href = "http://google.com";
    });

    // append elements to container
    td1.appendTo(tr);
    td2.appendTo(tr);        
    tr.appendTo(container);
}

下面是关于创建元素的jQuery文档

var container = $('#results_display');

for (i = 0; i < data.length; i++) { 

    // create elements using jquery
    var tr = $('<tr/>');
    var td1 = $('<td/>', {
        text: 'cell 1'
    });
    var td2 = $('<td/>', {
        text: 'cell 2'
    });

    // add click event listener to td1
    td1.click(function () {

        // go to url on click
        window.location.href = "http://google.com";
    });

    // append elements to container
    td1.appendTo(tr);
    td2.appendTo(tr);        
    tr.appendTo(container);
}