删除下一个元素 - jquery

时间:2011-12-18 14:54:41

标签: jquery html

我想删除所选元素的下一个元素。在这里,我想用css类“xqh_Mandatory_icon”删除“div”。

<div class="xqh_Field">
    <nobr>
     <input name=
    "ctl00$objContentPageTag$spzContactInformation$txt_sContactFirstName$txt" type="text"
    size="25" id=
    "ctl00_objContentPageTag_spzContactInformation_txt_sContactFirstName_txt" class=
    "xqh_TextBox_Edit validate_txt_sContactFirstName" style=
    "width:150px;margin-right:0px;" />
     </nobr>
     <div class="xqh_Mandatory_icon"></div>
</div>

我尝试使用此代码

$('.xqh_TextBox_Edit.validate_txt_sContactFirstName').next().remove('xqh_Mandatory_icon');

但它不起作用。

1 个答案:

答案 0 :(得分:15)

<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('.xqh_TextBox_Edit.validate_txt_sContactFirstName').next().remove();
        });
    </script>
</head>
<body>
    <div class="xqh_Field">
        <input name="ctl00$objContentPageTag$spzContactInformation$txt_sContactFirstName$txt"      type="text" size="25"               id="ctl00_objContentPageTag_spzContactInformation_txt_sContactFirstName_txt"     class="xqh_TextBox_Edit validate_txt_sContactFirstName" style="width:150px;margin-right:0px;">     
        <div class="xqh_Mandatory_icon">
            yep
        </div>
    </div>
</body>
</html>

将其设置为在文档准备就绪时执行代码,同时您也错过了第二个类名称的句点。你有一个空间。