javascript - jquery仅添加一次span元素

Question

我已将表格放入表格中(我只显示了第一行。所有其他都相同):

<tr>
    <td><label for="login">Username</label></td>
    <td>
       <input id="login" type="text" path="login" placeholder="Enter Login"
                                       oninvalid="this.setCustomValidity('Please fill this field - it is mandatory')"
                                       oninput="setCustomValidity('')">
    </td>
</tr>

我想要做的是在“input”元素“span”元素之前添加，但只添加一次，意思是在添加之前 - 检查是否存在。换句话说，结果应该是这样的:

<span></span><input ...

代码如下:

var spanvar = "<span/>";
 if($('input').prev("span").length==0) --> check if there is no <span> before
 {
    $("input".before(spanvar)); ---> add span element but only once
 }

Answer 1

你可以做这样的事情

// Iterate through every input
$("input").each(function(){

  // If no span
  if($(this).prev("span").length==0){

    // Add span before this
    $(spanvar).insertBefore(this);
  }
});