包含单引号的 JQuery 字段破坏了我的代码



我不知道如何转义这个特定的'.我有以下代码:

//Insert Home Room Teacher
$j("tr:contains('Home Room')").after('<tr><td class="bold">Home Room Teacher</td><td><input type="text" name="[01]home_room_teacher" value="" size="25"></td></tr>');

[01]home_room_teacher 是包含学生的班主任姓氏的字段。我们的一位老师姓奥谢。照原样,该代码适用于其他所有老师。如果我加载一个有他作为家庭房间的学生,他姓氏中的 ' 会破坏脚本并且没有加载任何内容(页面片段中有多个内容)。

如果我确实 name="\[01]home_room_teacher\",页面加载正常,但字段为空。我还尝试编辑字段中的实际值以显示 O\'Shea,但这也不起作用。

请帮忙。

编辑:这是正在运行的完整代码:

<script>
$j(document).ready(function() {
//Insert Counselor
$j("tr:contains('Family rep')").before('<tr><td class="bold">Counselor</td><td><input type="text" name="[01]Counselor" value="" size="25"></td></tr>');
//Insert Home Room Teacher
$j("tr:contains('Home Room')").after('<tr><td class="bold">Home Room Teacher</td><td><input type="text" name="[01]home_room_teacher" value="" size="25"></td></tr>');
//Insert Teacher Rec
$j("tr:contains('School Entry Grade Level')").after('<tr><td class="bold">Teacher Recs Visible</td><td><input type="checkbox" name="[01]RecDisplay" value="1"></td></tr>');
//Hide Rows
$j("tr:contains('Lunch'), tr:contains('District'), tr:contains('Current'), tr:contains('Phone'), tr:contains('Student'), tr:contains('Track')").css("display", "none");
//Swap TR with TR
$j("tr:contains('Locker Combination')").insertAfter($j("tr:contains('Locker Number')"));
//Alternate Color Rows
$j("td:even").css("background-color", "transparent");
$j("td:odd").css("background-color", "transparent");
$j("tr:even").css("background-color", "#D7EBF4");
$j("tr:odd").css("background-color", "#ffffff");
});
</script>

尝试使用以下javascript,这应该可以工作。

$(document).ready(function() {
  teacher = "O'Shea";
  $("#show").html('<tr><td class="bold">Home Room Teacher</td><td><input type="text" name=' + teacher + ' value=' + teacher + ' size="25"></td></tr>');
  $('#print').text($('#show').html());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="show">
</table>
<div id="print">
</div>

并且您可以直接将变量teacher替换为:[01]home_room_teacher

最新更新