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