1

私は次のようにする必要があります

        <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

しかし、それは機能していません。どうすればいいですか？

4

6 に答える 6

6

私はするだろう..

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>');
于 2013-06-03T14:41:44.443 に答える
2

先頭に空白を含むリンクを作成しているようです。

trimを使用して値をクリーニングすることで解決できます。

var employeeaction = $('<td>').append('<a href="/Employee/Edit/'
        +$.trim(element.id)+'">Edit</a> |');
于 2013-06-03T14:46:26.727 に答える
0

parseIntJavaScript関数を使用できます：

 $('<td>').append('<a href="/Employee/Edit/'
        +parseInt(element.id)+'">Edit</a> |');
于 2013-06-03T14:51:35.323 に答える
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>");
});
于 2013-06-03T14:42:45.227 に答える
0

動作中の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');
于 2013-06-03T14:45:40.310 に答える