如何串联一个超链接的变量？

2024-05-13 • 问答

谁可以让我了解如何为超链接连接一个变量，我需要在变量中插入一些''，但我没有实现，这是完整的变量：

        var newRow =
        "<tr>"
        +"<td style='padding:15px;'>"+data.TASK_ID+"</td>"
        +"<td style='padding:15px;'>"+data.DESCRIPTION_TASK+"</td>"
        +"<td style='padding:15px;'>"+startdateTimeUTCTask+"</td>"
        +"<td style='padding:15px;'>"+enddateTimeUTCTask+"</td>"
        +"<td style='padding:15px;'>"+data.ASSIGN_DEPT_TASK+"</td>"
        +"<td style='padding:15px;'>"+data.ASSIGNED_TO_TASK+"</td>"
        +"<td style='text-align:center; padding:15px; !important;'><a href='#' onclick='modalCi ("+data.TASK_ID+"); return false;'>"+data.COUNT_DISPLAY_NAME_CI+"</a></td>"
        +"<td style='padding:15px; color:"+ color_CURRENT_PHASE_TASK +";'>"+data.CURRENT_PHASE_TASK+"</td>"     
        +"</tr>";
        $(newRow).appendTo('#tablajson-'+ elemId +'');

我明白了：

<a href="#" onclick="modalCi (T00591629); return false;">2</a>

但是我需要这个（用撇号括起来）：

<a href="#" onclick="modalCi ('T00591629'); return false;">2</a>

问题出在

+"<td style='text-align:center; padding:15px; !important;'><a href='#' onclick='modalCi ("+data.TASK_ID+"); return false;'>"+data.COUNT_DISPLAY_NAME_CI+"</a></td>"

为了创建单引号，您需要添加正斜杠。更改为

+"<td style='text-align:center; padding:15px; !important;'><a href='#' onclick='modalCi (\'"+data.TASK_ID+"\'); return false;'>"+data.COUNT_DISPLAY_NAME_CI+"</a></td>"

我认为正在发生的事情是，第一个双引号关闭了第一个单引号，第二个引号也是如此。尝试像这样包装它

<a href='#' onclick='modalCi (\"+data.TASK_ID+\"); return false;'>

尝试一下：

<a href='#' onclick="modalCi ('" + data.TASK_ID + "'); return false;">

区别在于双引号之前和之后的单引号

尝试以下代码集：

let data = {
    TASK_ID : "T00591629",COUNT_DISPLAY_NAME_CI: 2
}

let link = "<a href='#' onclick=\"modalCi (\'"+data.TASK_ID+"\'); return false;\">"+data.COUNT_DISPLAY_NAME_CI+"</a>";

console.log(link);

// O/P => {/* <a href='#' onclick="modalCi ('T00591629'); return false;">2</a> */}

如何串联一个超链接的变量？

lixiaolin823 回答：如何串联一个超链接的变量？

大家都在问