Hide all span tag in html where class in applied with particular name

Thanks for your reply

Yes, I gave you code spinet as function is too big and it will be confusing.Code is already in the ready method.

If I put alert in the code then I can see the alert in the function.

I tried with the code below but the span is not hiding, Please advise,

$(".showHideUserSelectedCountry").hide();

Select allOpen in new window

what do you get in the alert?

alert( $(".showHideUserSelectedCountry").length );
$(".showHideUserSelectedCountry").hide();

Select allOpen in new window

In alert I am getting 1
and span is not hiding.

Please advise.

Regards,
Dinesh Bali

so :
1 - you think it is the div with the class but it's not
2 - another process hide it just after your code

what happenif you replace :
$(".showHideUserSelectedCountry").hide();
by :
$(".showHideUserSelectedCountry").remove();

Many Thanks

.remove(); has removed the span but bring back the span on condition is not happening.

I tried to show and hide in many ways. Please see my code and commented code where you can see the ways I have used but nothing is working.

Please advise.

 

$('.user-selected-aedcurrencycode').each(function () {
                var aedrate = $(this).data('aedrate');
               var newaedrate = parseFloat(aedrate).toFixed(0).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,")
                $(this).html('AED ' + newaedrate);
                //alert($(".showHideUserSelectedCountry").length);
                var convertedValue = objCurrency.toCurrencyCode;
                if (convertedValue == 'AED') {
                    // $(".showHideUserSelectedCountry").remove();
                    //  $(this).style.display = 'none';
                    // $(this).css('display', 'none');
                    $(this).hide();
                } else {
                  //  $(this).addClass('showHideUserSelectedCountry');
                    // $(".showHideUserSelectedCountry").show();
                    // $(this).style.display = 'block';
                    //$(this).css('display', 'block');
                    $(this).show();
                }

Select allOpen in new window

$( document ).ready(function() {
    if $('span').hasClass("showHideUserSelectedCountry") {
       $(".showHideUserSelectedCountry").hide();
   }
});

@Ram V your if block is useless and consume more ressources (test all spans)

well the remove TEST was to confirm another process unhide your element
maybe you can share your page to see it?

Below code worked. But span is leaving space

Please advise

i

f (convertedValue == 'AED') {
                    $(this).css('display', 'none');
                    $(this).css('visibility', 'hidden');
                } else {
                    $(this).css('display', 'block');
                    $(this).css('visibility', 'visible');
                }

Select allOpen in new window