Получить ввод и выбрать элементы окна внутри div

Question

Я пытаюсь получить все виды элементов html внутри div. На этот раз я пытаюсь получить тип ввода и выбрать поле в div, когда я использую селектор jQuery ниже.

$('#1 input, select') 

Это дает все select коробки из других div с также.

Но я хочу нацелить только один div и получить в нем всевозможные элементы. Как мне это сделать? Ниже мой код:

<div id="1"> 
    <input type="text" id="2"> 
    <select id="123"> 
     <option value="template">template</option> 
    </select> 
</div> 

<div id="3"> 
    <input type="text" id="4"> 
    <select id="456"> 
     <option value="template">template</option> 
    </select> 
</div> 

<div id="5"> 
    <input type="text" id="6"> 
    <select id="789"> 
     <option value="template">template</option> 
    </select> 
</div> 

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"> 
</script> 

Answer 1

она дает все выберите Boxs, В соответствии с Вашим заявлением второго селектора $('select') который выполняет себя правильно и выбрать все select элемент в документе.

Вам необходимо установить контекст для select, который может быть выполнен различными способами. подобный используя :input селектор.

Выбирает все элементы ввода, textarea, select и button.

$('#1 :input') 

ИЛИ

Вы можете использовать .find()

Получить потомки каждого элемента в текущем наборе соответствующих элементов,

$('#1').find("input,select") 

ИЛИ, Multiple Selector (“selector1, selector2, selectorN”), здесь использовать селектор потомка индивидуально

$('#1 input, #1 select') 

Answer 2

$('input, select', '#1')

Простейший способ найти что-то внутри сферы.

Answer 3

Вы можете попробовать это

$('div#1 input, div#1 select')