JQuery和表

我正在努力使用jquery切换函数

我尝试了不同的编码方式，但还没有找到解决方案

当我按下桌上的ZZZ时，它应该向下滑动

此外，表格的css格式不适用于ZZZZ아반떼 公元강남지점-강남지점.

我想知道的是为什么tablemain的css id不适用于第二个数据集

$（文档）.ready（函数（）{
$（'tableMain'）。在（'click'，'tr.breakrow'，function（）上{
$（this）.nextUntil（'tr.breakrow'）.slideToggle（200）；
});
});
.outer{
宽度：850px；
/*高度：500px*/
/*高度：500px*/
/*颜色：白色*/
/*边缘顶部：50px*/
左边距：自动；
右边距：自动；
}
.头衔{
字体大小：20px；
字号：900；
}
hr.garo{
边框：1px实心#757272；
保证金：5px0px-10px0px；
}
#tableMain{
宽度：800px；
边框：1px实心浅灰色；
左边界：无；
边界权：无；
边界塌陷：分离；
边界间距：0px；
边缘顶端：40px；
}
th{
边缘顶部：10px；
背景：浅灰色；
}
th，
运输署{
填充：15px 20px；
文本对齐：居中；
}
a{
文字装饰：无；
显示：内联块；
填充：8px 16px 8px 16px；
边缘顶部：20px；
}
a:悬停{
背景色：#ffc107；
颜色：白色；
}
.第页{
背景色：rgb（244244244）；
边缘顶部：50px；
颜色：黑色；
边界半径：5px；
字体大小：20px；
}
#流行音乐{
边框：1px纯色灰色；
字体大小：10px；
文本对齐：左对齐
}
img{
宽度：350px；
}
#博尔{
边框：1px纯色灰色；
}
.付钱{
文本对齐：左对齐；
字体大小：粗体；
背景色：rgba（2112112112110.418）；
}
.搜索{
背景#ffc107；
颜色：白色；
字体大小：粗体；
宽度：80px；
高度：20px；
边界半径：4px；
浮动：对；
文本对齐：居中；
边缘顶部：15px；
右边距：50px；
}

차량이용내역
차량이용 내역




사용자 지정
이용기간
차종
지점명
ZZZZ
아반떼 公元
강남지점-강남지점
대여일
2020년 02월 05일 09:00
대여 위치
강남지점
반납일
2020년 02월 07일 14:00 
반납 위치 
강남지점
아반떼广告/휘발유(145허3271)
총결제 금액
245,800원
ZZZZ
아반떼 公元
강남지점-강남지점
대여일
2020년 02월 05일 09:00
대여 위치
강남지점
반납일
2020년 02월 07일 14:00 
반납 위치 
강남지점
아반떼广告/휘발유(145허3271)
총결제 금액
245,800원
您的HTML中有错误。检查浏览器的开发工具中的代码段，您会发现类
细分

修复这些错误，您的脚本应该可以工作
 John如果您在tr中直接封闭表格，这是不允许的，您需要将其封闭在td中，检查下面的代码片段：



차량이용내역
.外部{
宽度：850px；
/*高度：500px*/
/*高度：500px*/
/*颜色：白色*/
/*边缘顶部：50px*/
左边距：自动；
右边距：自动；
}
.头衔{
字体大小：20px；
字号：900；
}
hr.garo{
边框：1px实心#757272；
保证金：5px0px-10px0px；
}
#tableMain{
宽度：800px；
边框：1px实心浅灰色；
左边界：无；
边界权：无；
边界塌陷：分离；
边界间距：0px；
边缘顶端：40px；
}
th{
边缘顶部：10px；
背景：浅灰色；
}
th，td{
填充：15px 20px；
文本对齐：居中；
}
a{
文字装饰：无；
显示：内联块；
填充：8px 16px 8px 16px；
边缘顶部：20px；
}
a:悬停{
背景色：#ffc107；
颜色：白色；
}
.第页{
背景色：rgb（244244244）；
边缘顶部：50px；
颜色：黑色；
边界半径：5px；
字体大小：20px；
}
#流行音乐{
边框：1px纯色灰色；
字体大小：10px；
文本对齐：左对齐
}
img{
宽度：350px；
}
#博尔{
边框：1px纯色灰色；
}
.付钱{
文本对齐：左对齐；
字体大小：粗体；
背景色：rgba（2112112112110.418）；
}
.搜索{
背景#ffc107；
颜色：白色；
字体大小：粗体；
宽度：80px；
高度：20px；
边界半径：4px；
浮动：对；
文本对齐：居中；
边缘顶部：15px；
右边距：50px；
}
$（文档）.ready（函数（）{
$（document）.on（'click'，'tr.breakrow'，function（）{
$（this）.closest（'tr'）.next（'tr'）.slideToggle（）；
});
});
차량이용 내역




사용자 지정
이용기간
차종
지점명
ZZZZ아반떼 公元강남지점-강남지점