javascript - 找到带有 apex 的特定选项？

Question

我有一个包含以下选项的选择:

<select class="selectpicker" id="uploaded-files">
   <option value="hello' world.pdf">hello' world.pdf</option>
</select>

我尝试选择值为 hello' world.pdf 的选项，但出现以下错误:

Error: Syntax error, unrecognized expression: #uploaded-files option[value='"hello' world.pdf"']

这是我的代码:

let fileName = "hello' world.pdf";
$("#uploaded-files option[value='" + fileName + "']").remove();

Answer 1

这里的问题当然是，在评估 fileName 时，它可能包含使您的 jQuery 选择器语法无效的字符。

您可以想出一种转义fileName字符串的方法。

或者，您可以采取更简单的方法来完全避免 jQuery 选择器，并使用 .filter()相反:

$("#uploaded-files option").filter(function(){
    return $(this).prop('value') === fileName;
}).remove();