Как сделать чтобы DOM элементы искало только по названию?

Question

[rusgayfer]

Как сделать, чтобы искало не по всему коду, а только в пределах

<a href="/" class="product-title" target="_blank" style="padding: 1px 1px 1px 10px;">Название</a>

(По названию товара)

<div class="col-lg-12" style="padding-bottom: 25px;">
          <input type="text" name="q" id="q_posting" class="form-control" placeholder="Поиск...">
		  <span class="fa fa-search form-control-feedback search_icon"></span>
        </div>

<div class="searchable">
<li class="item">
<div class="pull-left image">
 <img src="/41191/zRwmVc0JoIw.jpg" class="img-circle">
 </div>
 <a href="/" class="product-title" target="_blank" style="padding: 1px 1px 1px 10px;">Название товара</a>
 <b style="font-weight: 600;">
   <span class="product-description" style="padding: 1px 1px 1px 10px;">Тут пишется тип товара</span>
 </b>
     <span class="product-description" style="padding: 1px 1px 1px 10px;"><i class="fa fa-file-text-o"></i> Описание товара</span> <span class="product-description" style="padding: 1px 1px 1px 10px;">Создано: 2018-01-09 01:53:42</span>
<br>
<div class="label pull-right"> <a href="?editPost=66162914&amp;date_create=2018-01-09 01:53:42">Редактировать</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="?act=del&amp;group=66162914&amp;date_create=2018-01-09 01:53:42">Удалить</a></div>
</li>
<li>...</li>
<li>...</li>
<li>...</li>
</div>

$('#q_posting').keyup(function () {
 
    var rex = new RegExp('.*(' + $(this).val()+')+.*', 'i');
    $('.searchable li').hide();
    $('.searchable li').filter(function () {
        return rex.test($(this).text().replace(/[^\wа-яё ]+/gi , ""));
    }).show();
    
})

Comments

[Роман]

Не пойму суть вопроса:
1. про какой поиск вы говорите? поиск регуляркой? поиск конкретного элемента? зачем тогда replace?
2. нет ясности про какие пределы вы говорите. чем они заданы?
3. что вы хотите получить в результате поиска?
4. что за информация содержится в элементах ? как и почему она должна преобразовываться?

[rusgayfer]

Роман, я же вроде понятно расписал.

Чтобы искало не внутри всего li, а только внутри ссылки

<a href="/" class="product-title" target="_blank" style="padding: 1px 1px 1px 10px;">Название товара</a>

Только по названиям, а он ищем все слова в элементе <li>...</li>

То есть как сделать правильную регулярку, или нужно трогать классы?

Вот смотри, ищет не по названию.

[Роман]

rusgayfer, вот первая подсказка - код который получает только текст внутри тега ...

[Роман]

rusgayfer, теперь скажите мне что вы хотите сделать с этим текстом дальше?
с чем то его сравнить?
проверить в нем наличие каких то конкретных слов?
вывести его куда то?

[rusgayfer]

Роман, поссмотрите на скрин внимательнее. Я делаю поиск. У меня много таких блоков на странице и делаю поиск, найденные отображает, а не найденные скрывает. Вот что я делаю.

[rusgayfer]

Роман, такой же принцип, только по названию товара

https://jsfiddle.net/QW01_01/yw8oec37/

[Роман]

rusgayfer, вроде готово, смущает только что в этом варианте некуда приткнуть обрезку тегов <a>...</a>



PS: если годится - оформил как ответ. Если не годится - пишите что не так - сделаем)

Answer 1

[Роман]

Вариант без регулярных выражений:

Comments

[rusgayfer]

Воооооот. Спасибо!