Question

编辑：我尝试了下面给出的所有解决方案..还有3个外部文件..我认为它们超越了设置..我将它们粘贴在下面

我在Jquery中有一个动态表。我想让它的第3列记录MZillaID Hyperlink

这是我的代码：

function getErrorStatusList() {

    $.ajax({
        //data comes in response
        success: function (response) {

            obj =  response.d;
            var output = "<table class='table'><tr><th>Serial No.</th><th>UFZillaID</th><th>MZillaID</th><th>Status</th></tr>";

            for (var x = 0; x < obj.length; x++) {
                output += "<tr><td>" + (x + 1) + "</td><td>" + obj[x].IssueID + "</td><td class='myclass'>" + obj[x].EMID + "</td><td>" + obj[x].EMStatus + "</td></tr>";
            }
            output += "</table>";
            $("#result").append(output);

        },

    });

我想做记录超链接...我们可以在CSS / Jquery中做到吗？我在特殊列上创建了一个类（myclass）。但我不知道如何处理。此列的记录已经是超链接，但它被其他CSS覆盖。

请建议。任何帮助都会有所帮助

Answer 1

在第3列<a>

中附加锚<td>标记

output += "<tr><td>" + (x + 1) + "</td><td>" 
         + obj[x].IssueID + "</td><td class='myclass'><a  href='"+obj[x].EMID +"' style='text-decoration:underline;'>" 
                                                   here^
         + obj[x].EMID + "</a></td><td>" + obj[x].EMStatus + "</td></tr>";
                       here^

或在您追加后使用 .wrap() ，

$("#result").append(output);
$("#result table td:eq(2)").wrap('<a href="'+url+'" style="text-decoration:underline;"></a>');

CSS：

a{
  cursor:pointer;
  text-decoration:underline;
}

Demo

Answer 2

shaunakde给了我解决方案......我发布了完整的工作代码

function getErrorStatusList() {
    var serve = JSON.stringify({ program: $("#selpros option:selected").text() });
    $.ajax({
        type: "POST",
        url: "UFZillaErrorStatus.aspx/GetErrorStatusList",
        data: serve,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (response) {
            $("#result").empty();
            obj = (typeof response.d) == 'string' ? eval('(' + response.d + ')') : response.d;
            var output = "<table class='table'><tr><th>Serial No.</th><th>UFZillaID</th><th>MZillaID</th><th>Status</th></tr>";

            for (var x = 0; x < obj.length; x++) {

                output += "<tr><td>" + (x + 1) + "</td><td>" + obj[x].IssueID + "</td><td class='myclass' style='text-decoration:underline;'>" + obj[x].EMID + "</a></td><td>" + obj[x].EMStatus + "</td></tr>";
            }
            output += "</table>";
            $("#result").append(output);

        },
        error: function () { alert("Server Error!!"); }

    });

如何将动态表的1列记录转换为超链接

2 个答案:

Demo