为什么我的jQuery代码不能读取撇号？

Question

我有一个web表单，当页面根据存储在MYSQL数据库中的数据加载时，它会自动检查复选框。除了包含撇号的数据外，一切都运行得很好。这是我的密码：

JSON:

 [{"pkFavorietemerken":"1","merken":"Adidas"},{"pkFavorietemerken":"2","merken":"Boss"},{"pkFavorietemerken":"3","merken":"Burberry"},{"pkFavorietemerken":"4","merken":"Christian Dior"},{"pkFavorietemerken":"5","merken":"D&G"},{"pkFavorietemerken":"6","merken":"Diesel"},{"pkFavorietemerken":"7","merken":"Dolce & Gabanna"},{"pkFavorietemerken":"8","merken":"Emporio Armani"}]

JQUERY:

   $.getJSON("jason.php", function(data) {

      $.each(data, function(){


     $("[value='" + this.merken + "']").attr("checked","checked");


       });

   });

HTML:

    <form name="form1" method="post" action="something.php">                        
    <ul>
        <li><input type="checkbox" name="merk[]" value="Adidas"/>Adidas</li>
        <li><input type="checkbox" name="merk[]" value="Airforce"/>Airforce</li>
        <li><input type="checkbox" name="merk[]" value="Armani"/>Armani</li>
        <li><input type="checkbox" name="merk[]" value="Asics"/>Asics</li>
        <li><input type="checkbox" name="merk[]" value="Bikkemberg"/>Bikkemberg</li>
        <li><input type="checkbox" name="merk[]" value="Bjorn Borg"/>Bjorn Borg</li>
        <li><input type="checkbox" name="merk[]" value="BlueBlood"/>BlueBlood</li>
        <li><input type="checkbox" name="merk[]" value="Boss"/>Boss</li>
        <li><input type="checkbox" name="merk[]" value="Brunotti"/>Brunotti</li>
        <li><input type="checkbox" name="merk[]" value="Burberry"/>Burberry</li>
    </ul>

​

--这不起作用：

    <li><input type="checkbox" name="merk[]" value="Levi's"/>Levi's</li>

Answer 1

对于Levi's，最终得到的选择器是"[value='Levi's']"。我猜选择器引擎会堵在上面。我不确定它是否支持转义(Levi\'s) --如果它不支持，您可以这样做

var merken = this.merken;
$("input:checkbox").each(function(){
    if(this.value == merken) this.checked = true;
});

而不是。

Answer 2

$("[value='" + this.merken + "']").attr("checked","checked");

当this.merken = "Levi's"时，代码将解析为：

$("[value='Levi's']").attr("checked","checked");

单引号中不能使用单引号。一个简单的解决方法应该是更改代码以创建双引号，只要您没有一个名为Levi"s的选择器:)

$('[value="' + this.merken + '"]').attr("checked","checked");

Answer 3

你用单引号包装你的值，形成一个选择器。嵌入的单引号将导致它成为无效的选择器字符串。

我认为它可以确保嵌入单引号被反斜杠引用，但我必须尝试一下。

编辑-尝试如下：

$("[value='" + this.merken.replace(/'/g, "\\'") + "']").attr("checked","checked");

此外，如果您使用的是比1.6新的.prop()，那么您应该(几乎可以肯定)使用.attr()而不是.attr()来设置“选中”属性：

$("[value='" + this.merken.replace(/'/g, "\\'") + "']").prop("checked", true);

(不需要将该属性设置为字符串"checked"，但如果您愿意的话，您可以这样做，因为浏览器只是将其转换为布尔值。)