Как скрыть родительский элемент на основе текстового значения ребенка

Question

Я хочу, чтобы иметь возможность искать DOM для определенной строки. Если текст находится на странице, скрыть некоторые элементы и показать другие. Ловушка - это идентификаторы даются динамически в инструкции PHP foreach.

Я попытался найти функцию .exists(), специфичную для текста. До сих пор я пытался:

jQuery(document).ready(function($) { 
    var string1 = 'string1', 
     string2 = 'string2'; 

    if ($('li').children().text() === string1) { 
     if ($('li').children().text() === string2) { 
      $(this).parent().show(); 
     } else { 
      $(this).parent().hide(); 
     } 
    } else { 
     if ($('li').children().text() === string2) { 
      $(this).parent().hide(); 
     } else { 
      $(this).parent().show(); 
     } 
    } 
}); 

так, что я ищу:

1) страницы поиска для string1.

2) если строка1 существует на странице, отображается родительский элемент дочернего элемента, который содержит строку2, и скрыть любую другую строку.

3) если не существует скрыть строка1 и строка2.

но это не работает. Я не самый лучший из JQuery/JS, и вообще я новичок в этом.

Answer 1

Чтобы узнать, содержит ли строка другую (под) строку, вы можете использовать indexOf. И проверьте, не ли это -1.

Использование each() вы можете перевернуть все элементы li. Берем jsFiddle (при условии, в комментарии) во внимание, я получил этот результат: http://jsfiddle.net/ub8c6smh/5/

jQuery(document).ready(function($) { 
    var string1 = 'string1', 
     string2 = 'string2'; 
    var string1exists= $('li').text().indexOf(string1)!==-1; 
    console.log(string1exists); 

    $('li').each(function() { 
     if ($(this).text().indexOf(string2)!==-1 && string1exists==true) { 
      // this child contains string 2 
      $('li').hide(); //hide all others 
      $(this).show();      
     } 
     if ($(this).text().indexOf(string2)!==-1 && string1exists==false) { 
      // this child contains string 2 
      $(this).hide();      
     } 
     if ($(this).text().indexOf(string1)!==-1 && string1exists==false) { 
      // this child contains string 1 
      $(this).hide();      
     } 
    }); 

});