Question

i want to add div base on input attr title, i mean to say i want to add div where i have input title=date-of-graduation

  <div class="personalisation_input">
    <input type="text" value=""  title="date-of-graduation">
  </div>
  <div class="personalisation_input">
    <input type="text" value=""  title="date-of-age">
  </div>
  <div class="personalisation_input">
    <input type="text" value=""  title="date-of-graduation">
  </div>

Need Output like that

  <div class="personalisation_input">
    <input type="text" value=""  title="date-of-graduation">
    <div>test</div>
  </div>
  <div class="personalisation_input">
    <input type="text" value=""  title="date-of-age">
  </div>
  <div class="personalisation_input">
    <input type="text" value=""  title="date-of-graduation">
    <div>test</div>
  </div>

Answer 1

You can use an “attribute equals” selector to select the correct input element, and the .after() method to insert some content immediately after it:

$("input[title='date-of-graduation']").after("<div>test</div>");