低效的jquery用法 - 选择多个

Question

我的IDE发出了一个独特的警告。

jQuery代码是：

var $xcol = $("#xcol");
var $ycol = $("#ycol");
var $filtercol = $("#filtercol");

$filtercol.on('change', function(event, params) {
        // can now use params.selected and params.deselected
        var value;
        var text;
        if (params.selected){
            value =  params.selected;
            $("#xcol option[value='"+value+"']").remove();
            $("#ycol option[value='"+value+"']").remove();
            $xcol.trigger("chosen:updated");
            $ycol.trigger("chosen:updated");
        }
        else if (params.deselected){
            value =  params.deselected;
            text = $("#filtercol option[value='"+value+"']").text()
            $xcol.append('<option value="'+ value +'">'+ text +'</option>');
            $ycol.append('<option value="'+ value +'">'+ text +'</option>');
            $xcol.trigger("chosen:updated");
            $ycol.trigger("chosen:updated");
        }

    });

警告标记在这行代码中：

 $("#xcol option[value='"+value+"']").remove();

如何修复此警告？谢谢！

Answer 1

一种快捷的方法是在使用ID时添加许多选择器：

$("#xcol option[value='"+value+"']").remove();
$("#filtercol option[value='"+value+"']").text()

到

$("#xcol").find("option[value='"+value+"']").remove(); 
$("#filtercol").find("option[value='"+value+"']").text()