Как обратиться к нужному div с нужным Id?

Question

[Serge999111]

Есть строчка.

const pname = jQuery(this).parent().find("input[name=productname]").val();

И всё норм. Но проблема в том. Что мне нужно искать input только в родителе с нужным ID.

.parent() - Задаю по принципу .parent("div#conteaner-01") - результата нет.

Как мне найти нужный div c нужным ID. Что то совсем туплю.

Сам input глубоко вложенный. Простой пример.

<div id="conteaner-01">
  <div>
    <div>
      <form>
        <input>
      </form>
    </div>
  </div>
</div>

Answer 1

[Геннадий]

Как обратиться к нужному div с нужным Id?

Использовать getElementById()
https://developer.mozilla.org/en-US/docs/Web/API/D...

Что мне нужно искать input только в родителе с нужным ID

Потом в div искать через querySelector()
https://developer.mozilla.org/en-US/docs/Web/API/D...

Примеры можно посмотреть тут: https://bobbyhadz.com/blog/javascript-get-child-el...

Comments

[Serge999111]

У меня вот такая конструкция

$(document).ready(function(){
	{# $('button[type="button"]').hide(); #}
	$("body").on('click', "a[href='#']", function() {
		const pname = jQuery(this).parent().find("input[name=productname]").val();
		$('input[name^="form_input[1]"]').val(pname);
		//return false;
	});
});

Заменил на:

$(document).ready(function(){
	{# $('button[type="button"]').hide(); #}
	$("body").on('click', "a[href='#']", function() {
		const pname = document.getElementById("feedbackModal41").find("input[name=productname]").val();
		$('input[name^="form_input[1]"]').val(pname);
		//return false;
	});
});

Всё равно не работает

[Алексей Ярков]

Serge999111, а с чего вы взяли что у document.getElementById("feedbackModal41") есть метод find?

[Serge999111]

Алексей Ярков, А нельзя как то через родителя указать?

[iljaGolubev]

Serge999111,
или js document.getElementById("feedbackModal41"),
или или jQuery .find("input[name=productname]").val()

getElementById возвращает объект у которого нет метода find.

Всё равно не работает

ну так а что "говорит"?

[Алексей Ярков]

Serge999111,

const pname = document.getElementById("feedbackModal41").querySelector("input[name=productname]").value;

Answer 2

[kfedor]

const parentDiv = document.getElementById('нужный id');
const input = parentDiv.querySelector('селектор нужного input');

Answer 3

[Владимир Шаблий]

$("input").closest("div[id='conteaner-01']");