jquery ajax返回属性问题

时间:2011-02-19 22:09:20

标签: javascript jquery ruby-on-rails ajax ruby-on-rails-3

我正在用js文件回复ajax请求。

$('#liststudents').html("<button>Duzenle</button> 24 Name Surname<br/>");

如果我尝试使用任何HTML PROPERTY,

,就会出现问题
$('#liststudents').html("<button class="">Duzenle</button> 24 Name Surname<br/>");
$('#liststudents').html("<button href="">Duzenle</button> 24 Name Surname<br/>");

其中任何一个都失败了,但我不明白为什么?

4 个答案:

答案 0 :(得分:3)

我认为这是因为你的字符串里面有"。 试试这个:

$('#liststudents').html("<button class=''>Duzenle</button> 24 Name Surname<br/>");
$('#liststudents').html("<button href=''>Duzenle</button> 24 Name Surname<br/>");

"<button class="">Duzenle</button> 24 Name Surname<br/>"

字符串是这样的:

"<button class="

因为最后"“终止”字符串。这会产生错误。

答案 1 :(得分:2)

你似乎在混合那些双引号。这两个陈述似乎是多余的,因为第二个陈述覆盖了第一个的工作。试试这个:

$('#liststudents').html('<button href="">Duzenle</button> 24 Name Surname<br/>');

甚至更好:

$('#liststudents')
    .empty()
    .append($('<button/>').attr('href', '').text('Duzenle'))
    .text('24 Name Surname')
    .append('<br/>');

顺便说一下,<button>标记没有href属性,因此如果您想要有效的标记,可能需要对其进行调整。

答案 2 :(得分:1)

因为您使用"作为JS分隔符,因此您的内容不能包含"

$('#liststudents').html('<button class="">Duzenle</button> 24 Name Surname<br/>');
$('#liststudents').html('<button href="">Duzenle</button> 24 Name Surname<br/>');

如果答案来自Rails,请使用escape_javascript帮助程序。

$('#liststudents').html('<%= escape_javascript(@variable) %>');

答案 3 :(得分:1)

要在输出中显示引号,您需要使用\字符来转义它们,例如

$('#liststudents').html("<button class=\"\">Duzenle</button> 24 Name Surname<br/>");