is함수 활용

by hyuckjin

HTML

<ul>
  <li><strong>list</strong> item 1 - one strong tag</li>
  <li><strong>list</strong> item <strong>2</strong> - two <span>strong tags</span></li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
</ul>

JavaScript

$("li").click(function() {
  var $li = $(this);
  var isWithTwo = $li.is(function() {
    return $('strong', this).length===2;
  });
  
  if (isWithTwo) 
    $li.css("background-color", "green");
  else
    $li.css("background-color", "red");
  
});