JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<input type="text" id="test">
<h2>This is a heading</h2>

<p><b>This is a paragraph</b></p>
<p>paragraph one</p>
<p><b>Another line</b></p>
<p>line two</p>
<p><b>name part</b></p>
<p>Luana</p>


</body>
</html>

JavaScript

$('#test').keyup(function(){
    var val = $('#test').val();
    $('p').hide();
    //$("p:has(b)").not(":contains(" + val + ")").fadeOut("slow");
    //$("p:not(b)").not(":contains(" + val + ")").fadeOut();
    $("p:has(b):contains(" + val + ")").show().next().show();
    $("p:not(:has(b)):contains(" + val + ")").show().prev().show();    

});