使用Jquery将iframe插入类

Question

The below script inserts an iframe to the class rightImage. The problem is there are multiple elements that use the rightImage class so the iframe is showing multiple times. How do I get it so it only add's it the last element that uses the rightImage class so therefore the iframe only appears once?

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

I have no control over the parent page so that's why I have to do it this way.

Answer 1

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

or

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

or

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

Answer 2

You can use :last selector:

Selects the last matched element.

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

or .last() :

Reduce the set of matched elements to the final one in the set.

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

Answer 3

Try .last() or :last

Reduce the set of matched elements to the final one in the set.

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