найти дочерный елемент с конкретным значением innerHtml ()

Question

Только начинаю изучать jquery и поэтому не понимаю еще многих вещей. Задача следующая: нужно найти в родителе дочерний елемент с определенным значением innerHTML. например, нужно найти div c текстом "my" и задать ему бордер

 <div class="parent">
        <div class="child1">hello</div>
        <div class="child2">my</div>   
        <div class="child3">jquery</div>

    </div>

написал следующий код, но он не работает, подскажите пожалуйста где ошибка

 if ($(".parent").children().val() == 'my'){
      $('this').css("border", "1px solid pink")
   }

Answer 1

$('div.child').filter(function() {
  return $(this).text() === 'my';
}).css("border", "1px solid pink")

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<div class="parent">
  <div class="child1 child">hello</div>
  <div class="child2 child">my</div>
  <div class="child3 child">jquery</div>
</div>

Answer 2

$(".parent").find(":contains('my')").css("border", "1px solid pink")
// для точного совпадения:
$(".parent").children().filter((i, e) => e.innerHTML === 'my').css("border", "1px solid pink");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="parent">
        <div class="child1">hello</div>
        <div class="child2">my</div>   
        <div class="child3">jquery</div>

    </div>

БЛОГ НА HUSL

найти дочерный елемент с конкретным значением innerHtml ()

Ответы (2 шт):