Как нацелиться на тег p внутри html тела, используя jquery?

Question

        <div class="dropdown col-lg-12 claim-card-container">
            <div class="claim-card-button-div">
                <button class="btn btn-default dropdown-toggle claim-card"
                        type="button"
                        data-toggle="dropdown"
                        aria-haspopup="true"
                        aria-expanded="false">

                    <div class="claim-card-header">
                        <p class="date" id="hidden">{{tobeHidden}}</p>
                    </div>
</button>
</div>
</div>

Тег p должен быть целевым и должен быть удален в зависимости от условия if. Кто-нибудь может помочь? В Jquery я пробовал

if(value == true){
$("#hidden").hide();

или

$("div > p.date").hide();
}

Оба не работали.

Answer 1

Ваш код полностью недействителен, так как кнопка не может иметь дочерних элементов, игнорируя это, вы можете нацеливать ее разными способами. наиболее неопределенно, вы могли бы использовать html p. чтобы быть более точным c, вы можете использовать #IDofPtag. Оба ваших селектора в вашем вопросе также действительны. Я предполагаю, что у вас возникли проблемы из-за вашего недействительного HTML.