HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery .is() callback</title>
</head>
<body>
  <ul>
    <li>list item 1 - <strong>one</strong> strong tag</li>
    <li>list item 2 - <strong>two</strong> <strong>strong</strong> tags</li>
    <li>list item 3</li>
  </ul>
  <p>Click each item.</p>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
  <script>
    $("li").on("click", function () {
      var li = $(this);
      var isWithTwo = li.is(function () {
        return $("strong", this).length === 2;
      });
      li.css("background-color", isWithTwo ? "green" : "red");
    });
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

jQuery .is(callback) two strong (Try It)