[英]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>
<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> <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.