Как получить ID iframe снизу DOM, используя jquery

Question

Я хочу получить доступ к идентификатору iframe из DOM, используя jquery.

<div>
  <a href="#" id="0" class="show_hide" data-content="toggle-text">Read Less</a>
  <div class="Description" style="">
    <iframe src="/temp.php" scrolling="no" id="1111111"></iframe>
  </div>
</div>

В основном, когда вы нажимаете на ссылку, он показывает DIV с классом Description. Поэтому я хочу получить идентификатор iframe в этом текущем div

- Обновление -

Спасибо за ваши ответы. Однако, когда я передаю это значение следующей функции, которая rsizes iframe получает неопределенное значение

$(".Description").hide();
$('a.show_hide').on("click", function () {
var txt = $(this).next('.Description').is(':visible')? 'Read More' : 'Read Less';
                $(this).text(txt);

        $(this).next('.Description').slideToggle(200);
  var i=$(this).next('.Description').find('iframe').attr('id');
  resizeThisIframe(i);
});


function resizeThisIframe(obj) {
    obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
  }

Посмотрите на демоверсию jsfiddle

https://jsfiddle.net/1rnwapse/12/

Answer 1

Это то, что вы ищете?

$('.show_hide').click(function() {
  console.log($(this).next(".Description").find("iframe").attr("id"))
});

демо

$('.show_hide').click(function() {
  console.log($(this).next(".Description").find("iframe").attr("id"))
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div><a href="#" id="0" class="show_hide" data-content="toggle-text">Read Less</a>
  <div class="Description" style=""><iframe src="/temp.php" scrolling="no" id="1111111"></iframe></div>
</div>
<div><a href="#" id="0" class="show_hide" data-content="toggle-text">Read Less</a>
  <div class="Description" style=""><iframe src="/temp.php" scrolling="no" id="222222"></iframe></div>
</div>
<div><a href="#" id="0" class="show_hide" data-content="toggle-text">Read Less</a>
  <div class="Description" style=""><iframe src="/temp.php" scrolling="no" id="333333"></iframe></div>
</div>
<div><a href="#" id="0" class="show_hide" data-content="toggle-text">Read Less</a>
  <div class="Description" style=""><iframe src="/temp.php" scrolling="no" id="4444444"></iframe></div>
</div>

Answer 2

попробуйте этот код

$('a.show_hide').click(function() {
  let id = $(this).next('.Description').find('iframe').attr('id');
  alert(id);
});

щелчок по тегу привязки, прохождение через DOM и получение идентификатора ifrmae.

Answer 3

Для этого вы можете использовать обход DOM в обработчике кликов a:

$('a').click(function(e) {
  e.preventDefault();
  var id = $(this).next('.Description').find('iframe').prop('id');
  console.log(id);
});