Has class is not working jquery with Parent

Question

Hi I am trying to find whether div hasclass. Below is my html




    




qty 1

In Jquery, I am trying to check where oval-disabled class is exists in "offset-1 plus-minus" .

        function validateInputElement($element){
            let disabled=false; 
            $parentDiv=$element.parent();
            $plusMinusSymbolDivs =$parentDiv.find('.oval');
            if($plusMinusSymbolDivs.length > 0)
            {
                $plusMinusSymbolDivs.each(function() {
                    console.log($(this).hasClass('.oval-disabled'));
                    if($(this).hasClass('.oval-disabled')){
                        disabled=true;
                    }else{
                        disabled=false;
                    }

                })
            }
            return disabled;

    }

I am calling this validateInputElement as

$('.js-qty').each(function() {
   if(!validateInputElement($(this))){
       $(this).val(val);
   }
})

anyInputs? Thanks, Sree.

user_2125838 · Answer

You can access the class with $(this).attr('class') and then check if it includes that class or not.

JS:

function validateInputElement($element) {
  let disabled = false;
  $parentDiv = $element.parent();
  $plusMinusSymbolDivs = $parentDiv.find(".oval");
  if ($plusMinusSymbolDivs.length > 0) {
    $plusMinusSymbolDivs.each(function () {
      if ($(this).attr("class").includes("oval-disabled")) {
        disabled = true;
      } else {
        disabled = false;
      }
    });
  }
  return disabled;
}

$(".js-qty").each(function () {
  if (!validateInputElement($(this))) {
    $(this).val(val);
  }
});

user_4248328 · Answer

Based on your HTML what I have seen, you need to use .prev() as well as you need to clean validateInputElement() code like below:

function validateInputElement($element){
  let disabled=false;
  if($element.prev('.oval').hasClass('oval-disabled')){
    disabled=true;
  }else{
    disabled=false;
  }
  return disabled;
}

Working snippet:

function validateInputElement($element){
  let disabled=false;
  if($element.prev('.oval').hasClass('oval-disabled')){
    disabled=true;
  }else{
    disabled=false;
  }
  return disabled;
}
    
$('.js-qty').each(function() {
    $(this).prop('disabled',validateInputElement($(this)));
})

Has class is not working jquery with Parent

2 Answers