Изменить заголовок iframe (у которого нет идентификатора) внутри div

Question

Я пытаюсь выяснить, как добавить заголовок в iframe без идентификатора, используя javascript.

Код выглядит так:

<div class="review-right">
<div>
<iframe></iframe>
</div>
</div>

И я хочу получить это:

<div class="review-right">
<div>
<iframe title="Sample"></iframe>
</div>
</div>

Вот что я пробовал:

<script type="text/javascript">
$(document).ready(function(){
   $(".review-right iframe").attr('title', 'Sample');
});
</script>

Я новичок в jquery, поэтому я не знаю, если это даже верно.

Answer 1

Попробуйте удалить . из .review-right класса в HTML и в скрипте просто используйте basi c DOM

document.querySelector(".review-right div iframe").title = 'Sample Vanilla'

<div class="review-right">
  <div>
    <iframe></iframe>
  </div>
</div>

JQuery Решение

$(document).ready(function(){
   $('.review-right iframe').prop('title', 'Sample Jquery');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="review-right">
  <div>
    <iframe></iframe>
  </div>
</div>