jquery - 根据 jquery 中的输入属性标题值添加 div 代码

Question

我想根据输入 attr 标题添加 div，我的意思是说我想在我有输入 title=date-of-graduation 的地方添加 div

  <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>

需要这样的输出

  <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

您可以使用“属性等于”选择器来选择正确的input元素，以及在.after()其后立即插入一些内容的方法：

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

Answer 2

$('.personalisation_input input').each(function(){
 if($(this).attr('title') == 'date-of-graduation'){
     $(this).after('<div>Test</div>')
 }
});

Answer 3

​​​

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