javascript - 如何在 jquery 中的 <td> 中创建链接?

标签 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);
            }); 

当我点击它时,它给了我一个

localhost:10845/Employee/Edit/%201001097

我需要

localhost:10845/Employee/Edit/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>');

关于javascript - 如何在 jquery 中的 <td> 中创建链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16899282/

相关文章:

javascript - Codeigniter/AJAX - fatal error : Call to undefined function form_input() in

javascript - html 中的电话字段验证允许数字和文本但不允许@

javascript - Node.js Express 接收 postman 为空

javascript - 使用位置:absolute; with constant scroll的水平jquery滚动条

javascript - 使用 javascript 重新组织 DOM 元素

Javascript 不稳定的行为或我的错误代码,数组值在实际操作之前增加

JavaScript。代码未执行。用户界面未更新

javascript - 如何判断 Javascript 替换函数中是否发生了替换?

jquery - 在小屏幕上重新排序 DIvs

javascript - 天气 API,如何组合搜索参数以获取更详细的位置(城市、州、国家等)以防止位置混淆