In MVC partial view, how to find main view's element, and change its boolean value?

Question

I have a partial view and I want to find a specific element in the parent view, and change its value.

$(document).ready(function(){
    $('.editBtn, .cancelBtn').on('click', function () {
           $(/*parent's body id???*/)find('#Smoker').val('true');
        });
});

In this case #Smoker is the element I want to have its value modified.

Answer 1

If you are referencing an element by its ID, then simply use the ID attribute itself (as ID attributes are unique by definition ) :

$('.editBtn, .cancelBtn').on('click', function () {
       // This should always work as #Smoker should be unique
       $('#Smoker').val('true');
});

If you really want to use the parent, then you can use the parent() or closest() functions to scope where you want to search for your element at relative to the element that triggered the function :

$('.editBtn, .cancelBtn').on('click', function () {
       // Find the #Smoker element using the parent
       $('#Smoker',$(this).parent()).val('true');
       // Find the #Smoker element within the closest parent <div>
       $('#Smoker',$(this).closest('div')).val('true');
});

Both of these functions should be unnecessary though, since you shouldn't have more than one "#Smoker" element present in the DOM.