Fatal编程技术网
  • javascript/
  • Javascript 如何使用Jquery隐藏/显示表中列出的按钮之一？

Javascript 如何使用Jquery隐藏/显示表中列出的按钮之一？

javascript jquery html

Javascript 如何使用Jquery隐藏/显示表中列出的按钮之一？,javascript,jquery,html,Javascript,Jquery,Html,$（“#test1”）。单击（函数（）{ $（this）.next（#test2”）.slideToggle（“slow”，function（））{ //动画完成。 }); }); 行动 ID不应在页面上重复，它们应始终是唯一的。如果需要重复引用/元素，请将其用作类 因此，当有人单击具有类的按钮（或任何东西）时，您可以将其引用为$（this） 示例： <td> <-- this is .parent() <input type="submit" name=


$（“#test1”）。单击（函数（）{
$（this）.next（#test2”）.slideToggle（“slow”，function（））{
//动画完成。
});
});
行动
ID不应在页面上重复，它们应始终是唯一的。如果需要重复引用/元素，请将其用作类

因此，当有人单击具有类的按钮（或任何东西）时，您可以将其引用为
$（this）

示例：

<td> <-- this is .parent()
    <input type="submit" name="test1" class="test1" value="TEST1" /> <-- This is $(this) when clicked
    <input style="display: none;" type="submit" name="test2" class="test2" value="TEST2" /> <-- this is .find('.test2')
</td>

$(document).on('click','.test1', function() {
    $(this).parent().find('.test2').show(); <-- or hide()
})

您可以在不同的元素上使用相同的类名，而不是相同的id



$（“.test1”）。单击（函数（）{
$（this）.this（.test2”）.slideToggle（“slow”，function（）{
//动画完成。
$（“.test2”）.show（）
});
});


行动









指定注释中提到的类，并使用
同级（'.someclassname'）
选择同级部分。按照如下方式浏览您的代码：



$（“.buttonype1”）。单击（函数（）{
$（this）.sides（.buttonype2”）.slideToggle（“slow”，function（）{
//动画完成。
});
});


行动









HTML中的多个id无效。您可以对它们使用相同的类而不是id