<form data-v-c4600f50="" novalidate="novalidate" class="v-form">
<div data-v-c4600f50="" class="pr-2" question="Top Secret4">
<div data-v-c4600f50="" feid="FeLabel" class="theme--light v-label fe-label">
<!---->Top Secret Mode</div>
<div data-v-99d06acc="" data-v-c4600f50="" class="v-input fe-switch theme--light v-input--selection-controls v-input--switch">
<div class="v-input__control">
<div class="v-input__slot">
<div class="v-input--selection-controls__input">
<input aria-checked="false" id="input-211" role="switch" type="checkbox" aria-disabled="false" feid="FeSwitch" value="">
<div class="v-input--selection-controls__ripple"/>
<div class="v-input--switch__track theme--light"/>
<div class="v-input--switch__thumb theme--light">
<!---->
</div>
</div>
</div>
<div class="v-messages theme--light">
<div class="v-messages__wrapper"/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
In the above code, I am attempting to target the div with the class "v-input--selection-controls__input" using jQuery. The snippet of jQuery code I'm using is:
$( ":contains('Top Secret Mode')").parent().last().first().first().first()
However, it seems to be selecting the
<div data-v-c4600f50="" class="pr-2">
instead, and I'm unsure why.