javascript - 如何在jquery中创建链接？

Question

我需要像以下

        <td>
        <a href="/Employee/Edit/1001320">Edit</a> |
       </td>

我写了如下

var employeeaction = $('<td>').append('<a href="/Employee/Edit/'
        +element.id+'">Edit</a> |');

我通过以下代码解析表格并获取 element.id

$('#EmployeeTable tr:not(:nth-child(1), :nth-child(2))').each(function () {
                // alert($(this).find('td').eq(0).text());
                var employee = {};
                employee.id = $(this).find('td').eq(0).text();
                employee.presenAddress = $(this).find('td').eq(1).text();
                employee.shortName = $(this).find('td').eq(2).text();
                employee.mobileNumber = $(this).find('td').eq(3).text();
                employee.department = $(this).find('td').eq(4).text();
                employee.designation = $(this).find('td').eq(5).text();
                employee.action = $(this).find('td').eq(6).text();
                employeeList.push(employee);
            }); 

当我点击它时，它给了我喜欢

本地主机：10845/员工/编辑/%201001097

我需要

本地主机：10845/员工/编辑/1001097

但它不起作用。我该怎么做？

Answer 1

我会做..

var $td = $('<td>').html('<a href="#">Foo</a>');
$('table tr:eq(0)').append($td);

这是一个快速演示：http: //jsbin.com/etixof/1/edit

回答您的编辑

你之前只有一个空格element.id。你应该把它从那里移除。如果这不是你可以做的选择。

var $td = $('<td>').html('<a href="' + $.trim(element.id) + '">Foo</a>');

Answer 2

您的URL 中的the%20是转义的空格字符，意思element.id是返回空格的位置。 _xxxxx_

修复您的元素 ID 以删除空间，它应该可以解决您的问题。

Answer 3

看来您正在创建开头带有空格的链接。

您可以使用trim解决它清理值。

var employeeaction = $('<td>').append('<a href="/Employee/Edit/'
        +$.trim(element.id)+'">Edit</a> |');

Answer 4

工作 jsFiddle 演示

您必须将您创建的内容附加td到 DOM 中。考虑以下标记：

<table>
    <tr id="row">
        <td>Hello World</td>
    </tr>
</table>

在您的 jQuery 代码中：

$('<td>')
    .append('<a href="/Employee/Edit/'+element.id+'">Edit</a>')

    // now insert it into the dom
    .appendTo('#row');

Answer 5

嗯，这就是你的做法，

<table>
 <tr>
  <td>
  </td>
 </tr>
</table>

$(document).ready(function(){
    $("td").append("<a href='http://jsfiddle.net/7dYSG/'>Link to the solution on JS Fiddle</a>");
});

Answer 6

您可以使用parseIntjavascript 函数：

 $('<td>').append('<a href="/Employee/Edit/'
        +parseInt(element.id)+'">Edit</a> |');