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>

我想做的是在“輸入”元素“跨度”元素之前添加，但僅添加一次，即在添加之前-檢查是否存在。 換句話說，結果應該是這樣的：

<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);
  }
});

Answer 2

檢查電流之前的元素是否為span類型

$(this).prev().is('span')

所以你可以證明

var $prev = $(this).prev();

if($prev.length == 0 || !$prev.is('span') {
    $(this).before( $('<span>') );
}