如何在jquery中创建链接?

时间:2013-06-03 14:35:41

标签: javascript jquery

我需要跟随

        <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

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

6 个答案:

答案 0 :(得分:5)

我愿意......

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>');

答案 1 :(得分:3)

您网址中的%20是转义空格字符,这意味着element.id正在返回_xxxxx,其中_是一个空格。

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

答案 2 :(得分:2)

您似乎在开始时使用空格创建链接。

您可以使用trim来清除使用值的解决方法。

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

答案 3 :(得分:0)

这就是你做的,

<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>");
});

答案 4 :(得分:0)

Working jsFiddle Demo

您必须将创建的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');

答案 5 :(得分:0)

您可以使用parseInt javascript函数:

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