在 div 中更改标题 iframe（没有 id）

Question

我试图弄清楚如何使用 javascript 向没有“id”的 iframe 添加标题。

代码是这样的：

<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

尝试删除. 来自 HTML 中的.review-right类，在脚本中只使用基本的 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>