Javascript 在表下方的每个跨度上横穿>;tr>;td>;div
如何在Javascript 在表下方的每个跨度上横穿>;tr>;td>;div,javascript,jquery,html,css,Javascript,Jquery,Html,Css,如何在table>tr>td>div下遍历每个跨度? 我想在单击相同tr级别下的锚定标记后隐藏那些span元素 HTML: 弗斯特 第二 第三 我已经搜索了其他问题,并使用了提供的解决方案,如下面的链接,但我无法找到它 您只是想隐藏跨度本身吗?您正在隐藏他们的兄弟姐妹,因为他们是他们父母的唯一子女div,所以没有其他东西可以隐藏。如果要隐藏跨距本身,则只需更改 $(this).siblings().hide(); 到 如果您有多行,那么您可以从单击到其祖先行的.hide按钮爬树,然后查
table>tr>td>div
下遍历每个跨度?
我想在单击相同
tr
级别下的锚定标记后隐藏那些span
元素
HTML:
弗斯特
第二
第三
我已经搜索了其他问题,并使用了提供的解决方案,如下面的链接,但我无法找到它
您只是想隐藏跨度本身吗?您正在隐藏他们的兄弟姐妹,因为他们是他们父母的唯一子女
div
,所以没有其他东西可以隐藏。如果要隐藏跨距本身,则只需更改
$(this).siblings().hide();
到
如果您有多行,那么您可以从单击到其祖先行的.hide
按钮爬树,然后查找该行中的所有跨距。您可能希望搜索特定类或所有跨度,但我不知道如何确定要隐藏哪些元素
差不多
$(this).closest('tr').find('span').each(function() {
更新了JSFIDLE此处:您只是想隐藏跨距本身吗?您正在隐藏他们的兄弟姐妹,因为他们是他们父母的唯一子女
div
,所以没有其他东西可以隐藏。如果要隐藏跨距本身,则只需更改
$(this).siblings().hide();
到
如果您有多行,那么您可以从单击到其祖先行的.hide
按钮爬树,然后查找该行中的所有跨距。您可能希望搜索特定类或所有跨度,但我不知道如何确定要隐藏哪些元素
差不多
$(this).closest('tr').find('span').each(function() {
更新了JSFIDLE此处:您只是想隐藏跨距本身吗?您正在隐藏他们的兄弟姐妹,因为他们是他们父母的唯一子女
div
,所以没有其他东西可以隐藏。如果要隐藏跨距本身,则只需更改
$(this).siblings().hide();
到
如果您有多行,那么您可以从单击到其祖先行的.hide
按钮爬树,然后查找该行中的所有跨距。您可能希望搜索特定类或所有跨度,但我不知道如何确定要隐藏哪些元素
差不多
$(this).closest('tr').find('span').each(function() {
更新了JSFIDLE此处:您只是想隐藏跨距本身吗?您正在隐藏他们的兄弟姐妹,因为他们是他们父母的唯一子女
div
,所以没有其他东西可以隐藏。如果要隐藏跨距本身,则只需更改
$(this).siblings().hide();
到
如果您有多行,那么您可以从单击到其祖先行的.hide
按钮爬树,然后查找该行中的所有跨距。您可能希望搜索特定类或所有跨度,但我不知道如何确定要隐藏哪些元素
差不多
$(this).closest('tr').find('span').each(function() {
此处更新了JSFIDLE:如果您的表结构如示例所示,并且您将有多行:
$(document).ready(function() {
$(".hide").click(function(){
$(this).parent().siblings().find('span').hide();
});
});
-如果您的表结构如示例所示,并且您将有多行,请删除行中的所有跨距…:
$(document).ready(function() {
$(".hide").click(function(){
$(this).parent().siblings().find('span').hide();
});
});
-如果您的表结构如示例所示,并且您将有多行,请删除行中的所有跨距…:
$(document).ready(function() {
$(".hide").click(function(){
$(this).parent().siblings().find('span').hide();
});
});
-如果您的表结构如示例所示,并且您将有多行,请删除行中的所有跨距…:
$(document).ready(function() {
$(".hide").click(function(){
$(this).parent().siblings().find('span').hide();
});
});
-删除行中的所有跨距…您不需要在那里进行循环。
只需在所单击元素的最近父元素中使用class
.spanelem
查找()
$(".hide").click(function(){
$(this).closest('tr').find('.spanelem').hide();
// Or using selector context (.find() equivalent but a bit shorter)
// $('.spanelem', $(this).closest('tr')).hide();
});
参考资料:
- 您不需要在那里进行循环。
只需在所单击元素的最近父元素中使用class
.spanelem
查找()
$(".hide").click(function(){
$(this).closest('tr').find('.spanelem').hide();
// Or using selector context (.find() equivalent but a bit shorter)
// $('.spanelem', $(this).closest('tr')).hide();
});
参考资料:
- 您不需要在那里进行循环。
只需在所单击元素的最近父元素中使用class
.spanelem
查找()
$(".hide").click(function(){
$(this).closest('tr').find('.spanelem').hide();
// Or using selector context (.find() equivalent but a bit shorter)
// $('.spanelem', $(this).closest('tr')).hide();
});
参考资料:
- 您不需要在那里进行循环。
只需在所单击元素的最近父元素中使用class
.spanelem
查找()
$(".hide").click(function(){
$(this).closest('tr').find('.spanelem').hide();
// Or using selector context (.find() equivalent but a bit shorter)
// $('.spanelem', $(this).closest('tr')).hide();
});
参考资料:
find
中的选择器,以根据需要定位元素(按元素类型或类)。您能告诉我如何在表行上执行此操作吗