我正在尝试在单击修改链接时替换一些表元素, 实际上它确实替换了,但是href属性不正确。 有什么不对的吗?请帮助,谢谢!!
HTML:
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<table id="department_list_table" border=1>
<tbody>
<tr id = 1>
<td>department A</td>
<td align="center"><a href = "#" onclick = "department_action('modify', 1, 'department A')">modify</a></td>
<td align="center"><a href = "#" onclick = "department_action('delete', 1, 'department A')">delete</a></td>
</tr>
<tr id = 2>
<td>department B</td>
<td align="center"><a href = "#" onclick = "department_action('modify', 2, 'department B')">modify</a></td>
<td align="center"><a href = "#" onclick = "department_action('delete', 2, 'department B')">delete</a></td>
</tr>
</tbody>
</table>
</body>
jQuery的:
var id = 3;
var name = 'department C';
$("#department_list_table tbody tr#1").replaceWith(
'<tr id =' + id + '>' +
'<td>' + name + '</td>' +
'<td align="center"><a href="#" onclick="department_action("modify",'+ id +',' + name + ')">modify</a></td>' +
'<td align="center"><a href="#" onclick="department_action("delete",'+ id +',' + name + ')">delete</a></td>' +
'</tr>');
结果是萤火虫:
<tr id="3">
<td>department C</td>
<td align="center">
**<a c)"="" modify",3,department="" onclick="department_action(" href="#">modify</a>**
</td>
<td align="center">
**<a c)"="" delete",3,department="" onclick="department_action(" href="#">delete</a>**
</td>
</tr>
答案 0 :(得分:1)
当您使用单引号或转义引号时,您使用的是双引号:
onclick="department_action(\'modify\','+ i ...
答案 1 :(得分:0)
onclick
属性中的双引号搞乱了html字符串。解决方案是使用\'modify\'
,但您应该考虑使用$().click
在JavaScript中附加事件处理程序。它通常使代码更易于维护。