Поиск внутри блока

267
09 июля 2017, 14:57

есть блок со списком

<ul class="list">
<li class="nored">
<div class="foto"><img></div>
<span class="fio">Алексей</span>
</li>
<li class="nored">
<div class="foto"><img></div>
<span class="fio">Алексей</span>
</li>
<li class="nored">
<div class="foto"><img></div>
<span class="fio">Алексей</span>
</li>
</ul>

как можно организовать поиск по этому списку по имени ?

Answer 1

Если я правильно вас понял, то вот поиск li элемента по содержимому .fio:

var name = 'Алексей'; 
var el = $('.list>li>.fio:contains("' + name + '")').parent(); 
console.log(el.html());
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul class="list"> 
 <li class="nored"> 
  <div class="foto"><img></div> 
  <span class="fio">Алексей</span> 
 </li> 
  
 <li class="nored"> 
  <div class="foto"><img></div> 
  <span class="fio">Алексей</span> 
 </li> 
  
 <li class="nored"> 
  <div class="foto"><img></div> 
  <span class="fio">Алексей</span> 
 </li> 
</ul>

READ ALSO
Как добавить класс элементу в случае успешного срабатывания ajax?

Как добавить класс элементу в случае успешного срабатывания ajax?

Есть элемент, по клику на сервер уходит запрос, в случае, если с сервера приходит ответ, этому элементу должен прислониться класспробовал...

229
Проверить, является ли дата прошедшей в momentjs

Проверить, является ли дата прошедшей в momentjs

ПриветКак можно проверить, прошла ли уже определённая дата в momentjs? Например, сегодня 08

236
Java Script коды клавиш

Java Script коды клавиш

Здравствуйте возникла непонятная ошибка при использовании кода клавиш, дело в том что все действия кодов работают кроме клавиш от 0 до 9 (48,49,50,51,52,53,54,55,56,57),...

282
.parent() и поиск разных родителей

.parent() и поиск разных родителей

Делаю проверку на валидность формыСделал так:

252