Find class name

Question

How can I find class from

<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
    <i class="ace-icon fa fa-angle-double-right" data-icon2="ace-icon fa fa-angle-double-right" data-icon1="ace-icon fa fa-angle-double-left"></i>
</div>

I want to find ace-icon fa fa-angle-double-right I have tried this

    var sidebar_collapse = document.getElementById("sidebar-collapse");
    $(sidebar_collapse).on('click', function () {
        var angel_double_right = $(sidebar_collapse).find('.ace-icon fa fa-angle-double-right');
        if (angel_double_right) {
            alert("yeah has class");
            $(ticksign).css('display', 'none');
        }
    });

But not working. It alert every time

`if (angel_double_right.length)`. jQuery objects are always *truthy*, even if they don't contain any elements. — Phil, Apr 28 '15 at 05:14
possible duplicate of [Is there an “exists” function for jQuery?](http://stackoverflow.com/questions/31044/is-there-an-exists-function-for-jquery) — Phil, Apr 28 '15 at 05:16
Also, your selector should be `'.ace-icon.fa.fa-angle-double-right'` (there was an answer with this but it's been removed) — Phil, Apr 28 '15 at 05:18

score 1 · Answer 1 · answered Apr 28 '15 at 05:15

1

.find() returns a jQuery object, which evaluates to true every time. So your if condition will always be true. If you need to check if any elements actually matched the selector:

if (angel_double_right.length) {

answered Apr 28 '15 at 05:15

Victor Stanciu

12,037
3
26
34

score 0 · Accepted Answer · answered Apr 28 '15 at 05:15

Access the child and then get the class name:

document.write(JSON.stringify(document.getElementById("sidebar-collapse").children[0].className));

<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
    <i class="ace-icon fa fa-angle-double-right" data-icon2="ace-icon fa fa-angle-double-right" data-icon1="ace-icon fa fa-angle-double-left"></i>
</div>

score 0 · Answer 3 · answered Apr 28 '15 at 05:23

0

Try this

$("sidebar-collapse").on('click', function () {
    var angel_double_right = $(this).find('.ace-icon.fa.fa-angle-double-right');
    if (angel_double_right.length>0) {
        alert("yeah has class");
        $(ticksign).css('display', 'none');
    }
});

answered Apr 28 '15 at 05:23

Rahaman

323
1
9

if one element has more than one class name than write as below .ace-icon.fa.fa-angle-double-right – Rahaman Apr 28 '15 at 05:24

Find class name

3 Answers3