焦點

Question

刪除跨度元素我有每一個這樣的跨度元素幾個文本框：

<span class="reqDiv" name="Required">This value is required</span> 
<input class="form-control" id="txtAddress" placeholder="Address" type="text" maxlength="50" autocomplete="off"> 

<span class="reqDiv" name="Required">This value is required</span> 
<input class="form-control" id="txtZip" placeholder="Zip Code" type="text" maxlength="5"> 

我想刪除它是焦點文本框的span元素。我嘗試了以下jquery代碼，用於刪除所有文本框的span元素而不是特定的「on-focus」文本框。我怎樣才能實現它？

jQuery的：

$("#Offer_Form").find(".form-control").on("focus", function (e) { 
     $("span[name='Required']") 
    }); 

編輯：這是怎麼了，我通過jQuery的產生span標籤：

var SetErrorStateForControl = function (elemObj, msg) { 
     elemObj.closest('div').find($("span[name='Required']")).remove(); 
     $('<span class="reqDiv" name="Required">' + msg + '</span>').prependTo(elemObj.closest('div')); 
    } 

Answer 1

可以使用prev()方法獲取每個標籤的相應跨度

$("#Offer_Form").find(".form-control").on("focus", function(e) { 
    $(this).prev().remove(); 
}); 

Answer 2

該.prev([selector])方法得到的直接前置兄弟

如果要刪除以前span元素，你可以試試這個：

$(document).ready(function(){ 
    $(".form-control").focus(function(e) { 
     $(this).prev('span').remove(); //.prev('span') get the previous span 
    }); 
}); 

Answer 3

您應該使用prev()功能尋找以前的跨度和去除跨度hide()功能。例子是Here

$(document).ready(function(){ 
    $('input.form-control').focus(function(e) { 
     $(this).prev('span').hide(); // use hide() for hiding 
    }); 
}); 

如果你想刪除的跨度，而不是隱藏然後只使用remove（）函數的。

$(this).prev('span').remove(); // use remove() for removing 

Answer 4

你可以嘗試這樣的事情

$("input.form-control:text").focus(function() { 
    $(this).prev().remove(); 
});