I have the construction of a table of blocks. With a certain content of one of the cells, you need to highlight the entire line. Lines sometimes change places. How to do it on js or jQuery? Thank you in advance

<div class="stat-block-table__row"> <span class="num">1</span> <span class="name">Вымпел</span> <span class="points">10</span> </div> <div class="stat-block-table__row"> <span class="num">2</span> <span class="name">Зубило</span> <span class="points">9</span> </div> <div class="stat-block-table__row"> <span class="num">3</span> <span class="name">Торпедо</span> <span class="points">4</span> </div>

Suppose I want the line with "chisel" to be highlighted with any change in the order of the lines

 .highlight{ background-color: #f28321; }

    1 answer 1

    On jQuery:

     var search='Зубило' $('.stat-block-table__row .name').filter((k,v)=>v.innerHTML==search).parent().addClass('highlight') 
     .highlight{ background-color: #f28321; } 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="stat-block-table__row"> <span class="num">1</span> <span class="name">Вымпел</span> <span class="points">10</span> </div> <div class="stat-block-table__row"> <span class="num">2</span> <span class="name">Зубило</span> <span class="points">9</span> </div> <div class="stat-block-table__row"> <span class="num">3</span> <span class="name">Торпедо</span> <span class="points">4</span> </div>