使用jquery变量调用函数

时间:2016-12-20 15:59:40

标签: javascript jquery jquery-selectors

如何使用变量直接选择类等?

var $tbody = $(".tbl-locations-body");

$(".tbl-locations-body a.collapse").hide();
$(".tbl-locations-body tr.child-row").hide();
$(".tbl-locations-body .container").first().hide();
$(".tbl-locations-body .tab-content").hide();

我想使用$tbody来执行这些方法。语法是什么?

4 个答案:

答案 0 :(得分:4)

您可以使用find() jQuery对象中的$tbody方法。请注意,您也可以应用多个选择器以使调用成为一行:

var $tbody = $(".tbl-locations-body");
$tbody.find('a.collapse, tr.child-row, .container:first, .tab-content').hide();

答案 1 :(得分:2)

environment()

说明:

如果将$ tbody作为第二个参数传递给jquery函数,则只搜索该元素的范围($ tbody),而不是整个文档。

答案 2 :(得分:1)

您可以使用find()方法 - 请参阅以下代码:

var $tbody = $(".tbl-locations-body");

$tbody.find("a.collapse").hide();
$tbody.find("tr.child-row").hide();
$tbody.find(".container").first().hide();
$tbody.find(".tab-content").hide();

答案 3 :(得分:0)

我一直在读这个,虽然

var $tbody = $(".tbl-locations-body");
$("a.collapse", $tbody).hide();

看起来更干净,无论如何它都变成了$ tbody.find()。所以更好的答案是使用find方法开始 - 正如Rory指出的那样,你也可以选择多个。