Javascript JQuery版本与Div搜索效果冲突

$（文档）.ready（函数（）{
$（“.form select.pais”）.change（函数（）{
var val=$（this.val（）；
如果（val！=“Any”）{
$（“div.views-row，div.[class^='views-field-bank-office-pais-value-']）。hide（）；
$（“div.views-row，div.views-field-field-bank-office-pais-value-”+val）.show（）；
}否则{
$（“div.views-row，div.[class^='views-field-bank-office-pais-value-']）。show（）；
}
});
});
div{
背景色：#ddf；
边际：2px0；
}


这是一个文本测试！

任何
美国
智利
西班牙
这里是美国电视台
我是智利分部
这里是西班牙分部
尝试将JS的第5行更改为：

$('div.views-row div:not(.div-' + val + ')').hide();

请参阅此处的工作提琴：包含“测试”文本的div在下拉列表更改后保持不变。
谢谢Ross，我对我的提琴做了一些更改，它工作了，但我注意到它隐藏了那些特定的div，如果有其他跨度，它们就会显示出来。所以，我修改了HTML。但我不明白为什么它不会对整个div产生影响。我错过了什么？再次感谢。更新的小提琴：让它工作了，谢谢！我使用了这个主题：根据你展示给我的，它现在可以工作了。很高兴听到你让它工作了，我希望我的建议有帮助，如果有，请接受这个作为答案（单击答案左边的勾号），谢谢！