使用Jquery将Iframe插入到类中

Question

以下脚本将iframe插入到类rightImage中。问题是有多个元素使用rightImage类，因此iframe显示多次。我如何得到它所以只添加使用rightImage类的最后一个元素，因此iframe只出现一次？

 $(document).ready(function() {
  $(".rightImage").append("<iframe src='test.uk'></iframe>");  
   });

我无法控制父页面，所以我必须这样做。

Answer 1

$(".rightImage:last").append("<iframe src='test.uk'></iframe>");

或

$(".rightImage").last().append("<iframe src='test.uk'></iframe>");

或

$(".rightImage").eq(-1).append("<iframe src='test.uk'></iframe>");

Answer 2

您可以使用 :last 选择器：

  

选择最后一个匹配的元素。

$(".rightImage:last").append("<iframe src='test.uk'></iframe>");

或 .last() ：

  

将匹配元素集合减少到集合中的最后一个元素。

$(".rightImage").last().append("<iframe src='test.uk'></iframe>");

Answer 3

尝试.last()或:last

  

将匹配元素集合减少到集合中的最后一个元素。

$(".rightImage").last().append("<iframe src='test.uk'></iframe>");