JQuery заменить с проблемой - PullRequest
Новая
       3

JQuery заменить с проблемой

0 голосов
/ 10 июля 2011

Я пытаюсь заменить некоторые элементы таблицы, нажимая на ссылку изменить, на самом деле он заменяет, но атрибут 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>');

Результат в firebug: 

<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>

Ответы [ 2 ]

1 голос
/ 10 июля 2011

Вы используете двойные кавычки, когда вы должны использовать одинарные или экранированные кавычки: 

onclick="department_action(\'modify\','+ i ...
0 голосов
/ 10 июля 2011

Двойные кавычки в атрибуте onclick портят строку html.Решением является использование \'modify\', но вы должны рассмотреть возможность добавления обработчиков событий в JavaScript, используя $().click.Как правило, это делает код более понятным.

...