Question

我在Jquery

中添加了一个标签

 $('[id$="refAprtyAppId"]').after('<label class="error" id="refAprtyAppIdError">Error: Referral Id is required.</label>');

我试过了

$('[id$="refAprtyAppId"]').parent().find("label#refAprtyAppIdError").remove();

删除标签，但无法删除。

Html

 <div class="area">
   <input id="refAprtyAppId" value="" styleClass="externalAppId referralId"/>
 </div>

这里的问题是什么？

Answer 1

为什么不使用id选择器。你有一个id。用它。

 $('#refAprtyAppIdError').remove();

Answer 2

根据html文档，您可以在同一页面上拥有多个具有相同名称的ID。如果您有多个“错误标签”，那么您可以使用 -

$（ 'label.error'）除去（）;

Answer 3

添加答案以更好地澄清我的评论。

您的代码运行良好：

$('[id$="refAprtyAppId"]').after('<label class="error" id="refAprtyAppIdError">Error: Referral Id is required.</label>');

$('#remove').on('click', function() {
  $('[id$="refAprtyAppId"]').parent().find("label#refAprtyAppIdError").remove();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="area">
  <input id="refAprtyAppId" value="" styleClass="externalAppId referralId" />
</div>
<button type='button' id='remove'>Remove Label</button>

检查浏览器中的JavaScript控制台是否存在其他错误。可能没有正确引用jQuery。

如何在Jquery中删除标签

3 个答案: