仅在第一张图像上设置jQuery attr（）

Question

从过去的问题我知道你可以为页面上的现有元素设置一个新的attr（），例如页面上图像的ID，但在我的情况下，我想将id设置为仅第一个图像。例如，其他4个没有添加此ID。

使用以下代码，它会不断向页面上的所有图像添加ID。

<script>
    $( "img" ).attr( "id", "wp_featured_img" );
</script>

仅限 img 。

Answer 1

您可以使用jQuery :first selector来实现此目的。你的代码看起来像这样：

<script>
    $( "img:first" ).attr( "id", "wp_featured_img" );
</script>

希望这有帮助！

Answer 2

使用:first选择器：

 $( "img:first" ).attr( "id", "wp_featured_img" );

选择第一个匹配的img元素。

Answer 3

使用

$( "img" ).first().attr( "id", "wp_featured_img" );

jsfiddle用于相同的