jquery - JQUERY 从数组中获取第一项

Question

$("canvas[name=myCanvas]").index(0).width( $(window).width() );
$("canvas[name=myCanvas]").index(0).height( $(window).height() );

您好，我在一个页面上有三个画布。如何仅设置第一个画布宽度和高度？我怎样才能访问第三个？

试过：

$("canvas[name=myCanvas]").index(0)

和

$("canvas[name=myCanvas]")[0]

没用

Answer 1

使用方法eq()

$("canvas[name='myCanvas']").eq(0).width(...).height(...)

Answer 2

试试这个

$($("canvas[name=myCanvas]").index(0)).width( $(window).width() );
$($("canvas[name=myCanvas]").index(0)).height( $(window).height() );

或者

$($("canvas[name=myCanvas]")[0]).width( $(window).width() );
$($("canvas[name=myCanvas]")[0]).height( $(window).height() );

Answer 3

两个选项都很好：.index(0)或[0]. 问题是这些返回一个 html 元素而不是一个 jQuery 对象。因此，您不能使用这些功能width()和height()

您可以使用eq()html 对象或将其转换为 jquery $，但最好的选择是通过选择器获取它：

$("canvas[name=myCanvas]:first-child").width( $(window).width() ).height( $(window).height() );

或者

$("canvas[name=myCanvas]:nth-child(0)").width( $(window).width() ).height( $(window).height() );