需要修改Javascript

我需要能够检查某个字符串的类值。该类可以有多个用逗号分隔的值。代码需要修改，因此当选择West时，除了类值中包含West的行之外，所有内容都会消失。示例：

<tr class="West"></tr> (shows up)
<tr class="West,NE"></tr> (shows up)
<tr class="NE"></tr> (doesn't show)

（显示）
（出现）
（不显示）

javascript

<script type="text/javascript">
$(document).ready(function(){
    var links = $('#lb01'),
        regions = $('.West,.NE,.Southeast,.East,.South,.Central,.Northeast,.HO,.National,.US,.Texas,.Mid-Central');
    regions.not('.West').hide();
    links.change(function(event) {
        regions.hide().filter('.' + this.options[this.selectedIndex].id).show();
    });
});
</script>

$（文档）.ready（函数（）{
变量链接=$（'#lb01'），
地区=$（'.西部、.东北部、.东南部、.东部、.南部、.中部、.东北部、.中部、.全国、.美国、.德克萨斯州、.中部'）；
regions.not（'.West'）.hide（）；
链接。更改（功能（事件）{
regions.hide（）.filter（'..+this.options[this.selectedIndex].id）.show（）；
});
});

html

选择地区：
西部
氖
东南
东边
南方
中心的
东北
总公司
美国
中环
得克萨斯州
名称
部门
标题
地区
名称1
姓名2
名字3

首先，您的

类

属性中不应该有逗号类以空格分隔：

<tr class="West NE"></tr>

---

好的，这将是一篇大文章

首先，只需选择元素，

var regions=$（'tr'，'#regions'），即可压缩regions变量-这是干净的，一个标准的编码器尝试和坚持，更高效/动态Next，最简单的类比较方法是重载类，因此您将使用
class=“West-NE”
而不是
class=“West，NE”
——这允许您使用非常有用的
jQuery.hasClass
函数

根据我刚才所说的，我提出了新的代码：

$(document).ready(function(){
    var links = $('#lb01');
    var regions = $("tr","regions");

    links.bind("change",function(){
        regions.hide().hasClass(this.options[this.selectedIndex].id).show();
    });
});
$（文档）.ready（函数（）{
变量链接=$（“#lb01”）；
var地区=$（“tr”，“地区”）；
bind（“change”，function（））{
regions.hide（）.hasClass（this.options[this.selectedIndex].id）.show（）；
});
});
首先，不要使用逗号分隔类名。如果你所拥有的东西不起作用，那可能就是罪魁祸首


以下是另一种方法：

$(document).ready(function() {
    var $links = $('#lb01');
    $(".report-box tbody tr").hide();

    $('tr.West').show();

    $links.change(function(event) {
        var region = $(this).find(":selected").attr("id");
        alert(region);
        $(".report-box tbody tr").hide();
        $(".report-box tbody tr." + region).show();
    });
});


工作示例：
当一个元素有多个类时，类名必须用空格分隔，而不是逗号。
$(document).ready(function(){
    var links = $('#lb01');
    var regions = $("tr","regions");

    links.bind("change",function(){
        regions.hide().hasClass(this.options[this.selectedIndex].id).show();
    });
});
$(document).ready(function() {
    var $links = $('#lb01');
    $(".report-box tbody tr").hide();

    $('tr.West').show();

    $links.change(function(event) {
        var region = $(this).find(":selected").attr("id");
        alert(region);
        $(".report-box tbody tr").hide();
        $(".report-box tbody tr." + region).show();
    });
});