1

Есть элементы input нужно выбрать элемент по атрибуту name

const inputs = $('input');
console.log('Found: ' + inputs.find('[name="firstName"]').length);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<input type="text" name="firstName">
<input type="text" name="lastName">
<input class="ss" type="text" name="middleName">

код

 $('[name="firstName"])'

работает правильно и возвращает нужный элемент

но код

inputs.find('[name="firstName"]')

ничего не возвращает

В чем ошибка, может я не правильно понимаю работу метода find ?

2 ответа 2

4

find ищет в дочерних элементах.

Так как внутри input не может быть дочерних элементов, результат закономерный - пустая коллекция.

Если из коллекции нужно выбрать лишь некоторые - стоит воспользоваться методом filter

inputs.filter('[name="firstName"]')

const inputs = $('input');
console.log('Found: ' + inputs.filter('[name="firstName"]').length);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<input type="text" name="firstName">
<input type="text" name="lastName">
<input class="ss" type="text" name="middleName">

1

Что логично. Метод find ищет дочерние элементы. Если вам нужно отфильтровать текущую коллекцию, то используйте метод filter().

const inputs = $('input');
console.log('inputs.find: ' + inputs.find('[name="firstName"]').length);
console.log('inputs.filter: ' + inputs.filter('[name="firstName"]').length);

const div = $('.inputs');
console.log('div.find: ' + div.find('[name="firstName"]').length);
console.log('div.filter: ' + div.filter('[name="firstName"]').length);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<div class="inputs">
  <input type="text" name="firstName">
  <input type="text" name="lastName">
  <input class="ss" type="text" name="middleName">
</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.