45 replies

ortunado – 17-21 Nov 8

Could anyone have idea, how to manage querySelectorAll to select all input elements, but not the ones inside another form? For example,

<form class=".form" data-form="Form1">
  <div>
    <input /> <= This input would like to be selected.
  </div>
  <div>
    <input /> <= This input would like to be selected.
  </div>
  <form class=".form" data-form="Form2">
    <div>
      <input /> <= This input would like to NOT be selected.
    </div>
    <input /> <= This input would like to NOT be selected.
  </form>
  <input /> <= This input would like to be selected.
</form>

<form class=".form" data-form="Form1">
  <div>
    <input /> <= This input would like to be selected.
  </div>
  <div>
    <input /> <= This input would like to be selected.
  </div>
  <form class=".form" data-form="Form2">
    <div>
      <input /> <= This input would like to NOT be selected.
    </div>
    <input /> <= This input would like to NOT be selected.
  </form>
  <input /> <= This input would like to be selected.
</form>

ortunado – 17-21 Nov 8

Similar Threads