If element exist then check?

Question

The code does work below when the access to the webpage, it automatically hide #OrderDeliveryAddress div. But I am wondering is this correct way doing it?

Is there a way to check if .selectAddressList div/class exist first and then check the value?

$(document).ready(function() {
    if ($(".selectAddressList").val() == "selectAddressBook") {
         $("#OrderDeliveryAddress").hide();
    }
});

Answer 1

Personally I would use:

if ($(".selectAddressList").length > 0)

This checks if the jQuery object has any items, in other words if anything matched the selector you passed in.

Answer 2

if($(".selectAddressList").length > 0)

At a second glance though, you're using a class selector for this - do you have multiple items using this class on the page? If so, you might run into conflicts there as you're checking the .val() of it/them. If not, you might consider using element id as opposed to class.