繁体   English   中英

在选择器中转义反斜杠

[英]Escaping a backslash in selector

我试图将反斜杠转义到我的选择器之一中:

if ( $("#\38 b13d5ea8c7081ff2ed6e34ab9d05ced > div.small-box.bg-red").hasClass("bg-red") ) {
    //do something it does have the protected class!
    console.log("i have the protected class");
}

已经尝试过:

#//\38 b13d5ea8c7081ff2ed6e34ab9d05ced > div.small-box.bg-red//

#//\38 b13d5ea8c7081ff2ed6e34ab9d05ced > div.small-box.bg-red//

但这不能解决问题。 感谢您的专业知识。

干杯!! ,马克

附加信息:

我需要检查以下div之一中是否存在“ bg-red”类:

的HTML

<div id="area4" class="col-sm-3 connectedSortable ui-sortable">

        <div id="8b13d5ea8c7081ff2ed6e34ab9d05ced" class="border-box">

                                    **<div class="small-box bg-red">**
                <div class="inner inner-box">
                    <p> </p>
                    <p>Veuillez svp saisir vos coordonnées<br><br></p>
                </div>
                <div class="icon">
                    <i class="ion ion-person"></i>
                </div>
                <a href="/admin/mes_coordonnees/details" class="small-box-footer">Saisir mes coordonnées <i class="fa fa-arrow-circle-right"></i></a>
            </div>
            <div class="action pull-right">
                <a href="javascript:void(0)" data-componentid="8b13d5ea8c7081ff2ed6e34ab9d05ced" data-name="Small Box" class="btn-edit-component"><i class="fa fa-pencil"></i></a>
                &nbsp;
                <a href="javascript:void(0)" data-componentid="8b13d5ea8c7081ff2ed6e34ab9d05ced" class="btn-delete-component"><i class="fa fa-trash"></i></a>
            </div>
                    </div>

</div>

转义反斜杠本身:

$("#\\38 ...")

请检查一次或让我知道是否还有其他要求

 <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("#button").on('click',function(){ var a = $("div#8b13d5ea8c7081ff2ed6e34ab9d05ced div.small-box") console.log(a) if(a.hasClass("bg-red")){ alert("hii") } }) }); </script> </head> <body> <button id="button">Click to check class</button> <div id="area4" class="col-sm-3 connectedSortable ui-sortable"> <div id="8b13d5ea8c7081ff2ed6e34ab9d05ced" class="border-box"> **<div class="small-box bg-red">** <div class="inner inner-box"> <p> </p> <p>Veuillez svp saisir vos coordonnées<br><br></p> </div> <div class="icon"> <i class="ion ion-person"></i> </div> <a href="/admin/mes_coordonnees/details" class="small-box-footer">Saisir mes coordonnées <i class="fa fa-arrow-circle-right"></i></a> </div> <div class="action pull-right"> <a href="javascript:void(0)" data-componentid="8b13d5ea8c7081ff2ed6e34ab9d05ced" data-name="Small Box" class="btn-edit-component"><i class="fa fa-pencil"></i></a> &nbsp; <a href="javascript:void(0)" data-componentid="8b13d5ea8c7081ff2ed6e34ab9d05ced" class="btn-delete-component"><i class="fa fa-trash"></i></a> </div> </div> </div> </body> </html> 

2提供的解决方案

我忘记将jquery导入刀片文件中,完成后就可以了。

@ adesh-kumar

 $('div .small-box').hasClass('bg-red')

@杰克-巴什福德

 $('#\\38 b13d5ea8c7081ff2ed6e34ab9d05ced').hasClass('bg-red');

感谢你们俩的时间和帮助。

特别感谢那些没有回答我的问题的人,这真的很有帮助,非常感谢您...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM