JQuery пядь добавить элемент только один раз

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