首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jquery replaceWith问题

jquery replaceWith问题
EN

Stack Overflow用户
提问于 2011-07-11 01:24:48
回答 2查看 520关注 0票数 0

在单击modify链接时,我试图替换一些表元素,实际上它确实替换了,但href属性不正确。有什么问题吗?请帮帮忙,谢谢!

HTML:

代码语言:javascript
复制
<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:

代码语言:javascript
复制
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>');

导致firebug:

代码语言:javascript
复制
<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>
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-07-11 01:28:21

您使用双引号,而您应该使用单引号或转义引号:

代码语言:javascript
复制
onclick="department_action(\'modify\','+ i ...
票数 1
EN

Stack Overflow用户

发布于 2011-07-11 01:33:02

onclick属性中的双引号弄乱了html字符串。一种解决方案是使用\'modify\',但您应该考虑使用$().click在JavaScript中附加事件处理程序。它通常会使代码更易维护。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6642620

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档