如何在<td>在jquery

How to create link in <td> in jquery?

本文关键字：jquery td      更新时间：2023-09-26

我需要这样做

        <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);
            });
当我点击它的时候它会显示

localhost: 10845/员工/编辑/% 201001097

I need

localhost: 10845/员工/编辑/1001097

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

我会……

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

URL中的%20是转义的空格字符，这意味着element.id返回_xxxxx，其中_是一个空格。

修正你的元素ID来移除空格，这应该能解决你的问题。

似乎你在开始创建一个空白的链接。

你可以利用修剪来解决这个问题。

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

你就是这么做的

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

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

您可以使用parseInt javascript函数:

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