jQuery using 'this' in an if statement

Question

I\'m using an if statement in order to determine if an element has any children. If it does NOT have any children, I want to do something to that element only.

Answer 1

you could use each to iterate through elements

$('input').each(function(){
  if ($(this).val()) {
    $(this).addClass('has-value');
  }
});

Answer 2

Edit: Added DEMO Link

You can use .filter to check the condition and call .hide on the filter results. See below,

$("#div a").filter(function () {
  return ($(this).children().length > 0)
}).hide();

Answer 3

Simple solution is to place the element in a variable.

var elem = $("#div a");
if (elem.children().length > 0){
    elem.hide();
}