jQuery toggle()方法隐藏不工作的表行

jQuery toggle()方法隐藏不工作的表行,jquery,Jquery,我的问题最好是通过观察来解释的。加载时,一切正常,但是,当您将dd更改为Dos时,应该显示的唯一一行是Dos切换行。目前,正在显示Uno切换和Dos切换 我有一个不能使用类的约束,所以我尝试使用jQuery的:eq()选择器,但在确定第二个tr对象的索引号时遇到了问题 这是我的jQuery代码,因为它不允许我在不显示一些代码的情况下共享小提琴 感谢您的帮助 $(document).ready(function () { $("select[title='Numero']").closest("

我的问题最好是通过观察来解释的。加载时,一切正常,但是,当您将dd更改为Dos时,应该显示的唯一一行是Dos切换行。目前,正在显示Uno切换和Dos切换

我有一个不能使用类的约束,所以我尝试使用jQuery的:eq()选择器,但在确定第二个tr对象的索引号时遇到了问题

这是我的jQuery代码,因为它不允许我在不显示一些代码的情况下共享小提琴

感谢您的帮助

 $(document).ready(function () {
$("select[title='Numero']").closest("tr").next("tr").hide(); //commented out for debugging


 $("select[title='Numero']").change(function () {
     $("select[title='Dos Toggle']").closest("tr").closest("tr:eq(1)").toggle(); //dos toggle row
     $("select[title='Uno Toggle']").closest("tr").closest("tr:eq(2)").hide();
     //$("select[title='Uno Toggle']").closest("tr").closest("tr:eq(2)").toggle(); //this is original toggle code that didn't work.
 }); //close Numero.change()
 }); // close doc.ready

用你所拥有的,你可以做:

 $("select[title='Numero']").change(function () {
     $(this).closest("tr").nextAll('tr').toggle();
     //Or to be more specific not to select any other trs if at all comes after these 2 you could do the below.
     //$(this).closest("tr").nextAll('tr:lt(2)').toggle();
 }); 

用你所拥有的,你可以做:

 $("select[title='Numero']").change(function () {
     $(this).closest("tr").nextAll('tr').toggle();
     //Or to be more specific not to select any other trs if at all comes after these 2 you could do the below.
     //$(this).closest("tr").nextAll('tr:lt(2)').toggle();
 }); 

用你所拥有的,你可以做:

 $("select[title='Numero']").change(function () {
     $(this).closest("tr").nextAll('tr').toggle();
     //Or to be more specific not to select any other trs if at all comes after these 2 you could do the below.
     //$(this).closest("tr").nextAll('tr:lt(2)').toggle();
 }); 

用你所拥有的,你可以做:

 $("select[title='Numero']").change(function () {
     $(this).closest("tr").nextAll('tr').toggle();
     //Or to be more specific not to select any other trs if at all comes after these 2 you could do the below.
     //$(this).closest("tr").nextAll('tr:lt(2)').toggle();
 }); 

我首先将css类放在您试图显示和隐藏的行上。这样,您可以通过执行类似$(“.numero toggle”).toggle()的操作来切换它们;在你的改变功能里面。您当前尝试的标记和方法非常脆弱,如果东西移动或标记更改,它很可能会中断。

我将首先在您尝试显示和隐藏的行上放置css类。这样,您可以通过执行类似$(“.numero toggle”).toggle()的操作来切换它们;在你的改变功能里面。您当前尝试的标记和方法非常脆弱,如果东西移动或标记更改,它很可能会中断。

我将首先在您尝试显示和隐藏的行上放置css类。这样,您可以通过执行类似$(“.numero toggle”).toggle()的操作来切换它们;在你的改变功能里面。您当前尝试的标记和方法非常脆弱,如果东西移动或标记更改,它很可能会中断。

我将首先在您尝试显示和隐藏的行上放置css类。这样,您可以通过执行类似$(“.numero toggle”).toggle()的操作来切换它们;在你的改变功能里面。您当前尝试的标记和方法非常脆弱,如果出现问题或标记发生更改,它可能会崩溃。

我打赌这是针对SharePoint列表表单的

这是我过去如何在SharePoint表单上定位行的,它在您的小提琴中工作


我打赌这是一个SharePoint列表表单

这是我过去如何在SharePoint表单上定位行的,它在您的小提琴中工作


我打赌这是一个SharePoint列表表单

这是我过去如何在SharePoint表单上定位行的,它在您的小提琴中工作


我打赌这是一个SharePoint列表表单

这是我过去如何在SharePoint表单上定位行的,它在您的小提琴中工作


下面是在我收到了大量的贡献之后,我想到的使用:eq()元素-

$("select[title='Numero']").change(function () {
 $("select[title='Dos Toggle']").closest("tr").closest("tr:eq(1)").toggle(); //dos toggle row
 $("select[title='Uno Toggle']").closest("tr").closest("tr:eq(3)").toggle(); //uno toggle row
}); //close Numero.change()
然而,我无法让这段代码在SharePoint中按我所希望的方式切换……因此我最终使用了@Schmalzy的建议-

$("select[title='Numero']").change(function(){
            $("nobr:contains('Dos')").parent("h3").parent("td").parent("tr").toggle();      
            $("nobr:contains('Uno')").parent("h3").parent("td").parent("tr").toggle();      
}); //close

谢谢你的帮助

在我收到了大量的贡献之后,我想到了使用:eq()元素-

$("select[title='Numero']").change(function () {
 $("select[title='Dos Toggle']").closest("tr").closest("tr:eq(1)").toggle(); //dos toggle row
 $("select[title='Uno Toggle']").closest("tr").closest("tr:eq(3)").toggle(); //uno toggle row
}); //close Numero.change()
然而,我无法让这段代码在SharePoint中按我所希望的方式切换……因此我最终使用了@Schmalzy的建议-

$("select[title='Numero']").change(function(){
            $("nobr:contains('Dos')").parent("h3").parent("td").parent("tr").toggle();      
            $("nobr:contains('Uno')").parent("h3").parent("td").parent("tr").toggle();      
}); //close

谢谢你的帮助

在我收到了大量的贡献之后,我想到了使用:eq()元素-

$("select[title='Numero']").change(function () {
 $("select[title='Dos Toggle']").closest("tr").closest("tr:eq(1)").toggle(); //dos toggle row
 $("select[title='Uno Toggle']").closest("tr").closest("tr:eq(3)").toggle(); //uno toggle row
}); //close Numero.change()
然而,我无法让这段代码在SharePoint中按我所希望的方式切换……因此我最终使用了@Schmalzy的建议-

$("select[title='Numero']").change(function(){
            $("nobr:contains('Dos')").parent("h3").parent("td").parent("tr").toggle();      
            $("nobr:contains('Uno')").parent("h3").parent("td").parent("tr").toggle();      
}); //close

谢谢你的帮助

在我收到了大量的贡献之后,我想到了使用:eq()元素-

$("select[title='Numero']").change(function () {
 $("select[title='Dos Toggle']").closest("tr").closest("tr:eq(1)").toggle(); //dos toggle row
 $("select[title='Uno Toggle']").closest("tr").closest("tr:eq(3)").toggle(); //uno toggle row
}); //close Numero.change()
然而,我无法让这段代码在SharePoint中按我所希望的方式切换……因此我最终使用了@Schmalzy的建议-

$("select[title='Numero']").change(function(){
            $("nobr:contains('Dos')").parent("h3").parent("td").parent("tr").toggle();      
            $("nobr:contains('Uno')").parent("h3").parent("td").parent("tr").toggle();      
}); //close

谢谢你的帮助

这是用于SharePoint列表表单的吗?通过查看您手中的代码,我敢打赌这是从SharePoint列表表单复制而来的……是的@Schmalzy。这是一个SP列表表单。我下面的答案应该有用,我曾经使用过
$(“nobr:contains('FIELD TITLE')))。parent('h3')。parent('td')。parent('tr')。XXXX
)作为目标SP列表表单项。此外,您也可以查看此列表来执行类似操作。我从未亲自使用过它,但如果您需要进行大量SP列表操作,它可能会让您的生活变得更轻松。这是SharePoint列表表单吗?通过查看您手中的代码,我敢打赌这是从SharePoint列表表单复制而来的……是的@Schmalzy。这是一个SP列表表单。我下面的答案应该有用,我曾经使用过
$(“nobr:contains('FIELD TITLE')))。parent('h3')。parent('td')。parent('tr')。XXXX
)作为目标SP列表表单项。此外,您也可以查看此列表来执行类似操作。我从未亲自使用过它,但如果您需要进行大量SP列表操作,它可能会让您的生活变得更轻松。这是SharePoint列表表单吗?通过查看您手中的代码,我敢打赌这是从SharePoint列表表单复制而来的……是的@Schmalzy。这是一个SP列表表单。我下面的答案应该有用,我曾经使用过
$(“nobr:contains('FIELD TITLE')))。parent('h3')。parent('td')。parent('tr')。XXXX
)作为目标SP列表表单项。此外,您也可以查看此列表来执行类似操作。我从未亲自使用过它,但如果您需要进行大量SP列表操作,它可能会让您的生活变得更轻松。这是SharePoint列表表单吗?通过查看您手中的代码,我敢打赌这是从SharePoint列表表单复制而来的……是的@Schmalzy。这是一个SP列表表单,那么我下面的答案应该有效,我已经使用了
$(“nobr:contains('FIELD TITLE')))。parent('h3')。parent('td')。parent('tr')。XXXX
)来针对