的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></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') 

所以你可以proov

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

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