Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在表下方的每个跨度上横穿>;tr>;td>;div_Javascript_Jquery_Html_Css - Fatal编程技术网

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();
              });
              


              参考资料:


              由于他对每个span广播其课程都有一个警报,我不确定这是否意味着他并不总是知道未来该课程将是什么……因为他对每个span广播其课程都有警报,我不确定这是否意味着他在未来并不总是知道那个班会是什么……因为他对每个广播其班级的span都有一个警报,我不确定这是否意味着他在未来并不总是知道那个班会是什么……因为他对每个广播其班级的span都有警报,我不确定这是否意味着他在将来并不总是知道那个类将是什么…你能告诉我如何在一个包含来自数据库的数据的表上做这件事吗?我的意思是,如果有多个表行,我只想隐藏tr上的span元素,在tr中单击锚定。上面的方法可以工作,但是如果有多个表行,它会用span隐藏所有行。我添加了一些东西,只会隐藏给定行的所有span,但是您可以调整
              find
              中的选择器,以根据需要定位元素(按元素类型或类)。您能告诉我如何在表行上执行此操作吗