在 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>