Избегать обратной косой черты в селекторе - PullRequest
Новая
       14

Избегать обратной косой черты в селекторе

0 голосов
/ 02 июля 2019

Я пытаюсь избежать обратной косой черты в одном из моих селекторов: 

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//

но это не решает проблему. Буду признателен за ваш опыт.

Ура !! Марк

Дополнительная информация:

Мне нужно проверить, существует ли класс "bg-red" в одном из следующих div:

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>

Ответы [ 3 ]

0 голосов
/ 02 июля 2019

Пожалуйста, отметьте это один раз или дайте мне знать, если требуется что-то еще 

<!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>
0 голосов
/ 02 июля 2019

2 РЕШЕНИЯ, предоставленные

Я забыл импортировать jquery в мой блейд-файл, после того, как он это сделал, он работает.

@ adesh-kumar 

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

@ Джек-Башфорд 

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

Спасибо вам обоим за ваше время и помощь.

Отдельное спасибо тому, кто отрицает мой вопрос, это действительно помогает, спасибо вам большое ...

0 голосов
/ 02 июля 2019

Избегайте обратной косой черты: 

$("#\\38 ...")
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...