Печать каждой строки, если она содержит определенный символ в jQuery?

Question

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

<div> 
    <div> 
     <span> 
      <h3>In Paris (Mark Bartels) worked for about 50 years.</h3> 
     </span> 
    </div> 

    <div> 
     <span> 
      <h3>In America (Henry Bartels) worked for about 50 years.</h3> 
     </span> 
    </div> 

    <div> 
     <span> 
      <h3>In Europe (Mark Bartels) worked for about 50 years.</h3> 
     </span> 
    </div> 
</div> 

В строке выше я должен проверить «Марку», теперь я хочу, чтобы показать все строки, которые содержат слово «Марк».

Я пробовал что-то следующим образом, но это мне не помогает.

var elem = $('body').find(':contains(Mark)').not('script, style, link'); 
var a = elem.parent(); 
var tag = a; 
console.log(tag); 
$("#sentence").append(elem.text()); 
$("#sentence").append('<br />'); 

Answer 1

Истерируйте все элементы, содержащие строку, и добавьте внутренний текст.

1. :not(:has(*)): Выбирает все элементы, которые не имеют дочерний элемента (за исключением текстовых узлов) Reference
2. :contains(Mark)'): Выбирает все элементы, которые содержат текст Mark
3. :not(script): Чтобы исключить <script> элементы

// Get all the h3 elements which contains `Mark` in the innerText 
 
// Iterate over them 
 
$('body').find(':not(:has(*)):contains(Mark):not(script)').each(function() { 
 
    // Append to the element 
 
    console.log($(this)[0]); 
 
    $('#sentence').append($(this).text() + '<br />'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <div> 
 
    <span> 
 
     <h3>In Paris (Mark Bartels) worked for about 50 years.</h3> 
 
    </span> 
 
    </div> 
 
    <div> 
 
    <span> 
 
     <h3>In America (Henry Bartels) worked for about 50 years.</h3> 
 
    </span> 
 
    </div> 
 
    <div> 
 
    <span> 
 
     <h3>In Europe (Mark Bartels) worked for about 50 years.</h3> 
 
    </span> 
 
    </div> 
 
</div> 
 

 
<div id="sentence"></div>

Answer 2

Давайте предположим, что h3 имеют общий класс text, то мы можем использовать indexof легко выяснить места, где происходит Mark

$('.text').each(function() { 
    if ($(this).text().indexOf('Mark') >= 0) { 
     $("#sentence").append($(this).text() + '<br />'); 
    } 
});