jquery and sort function not working in chrome but works in firefox?

Question

i use a javascript routine with jquery3.6.1 to order divs as follow when the button #tri is clicked:

        $("#tri").click(function() {
        var $divs = $("#resultats div.notice");
        var alphabeticallyOrderedDivs = $divs.sort(function (a, b) {
            return $(a).find("div.bibloc:first").text() > $(b).find("div.bibloc:first").text();
        });
        $("#resultats").html(alphabeticallyOrderedDivs);
    
    });

the divs are constructed like this (inside the #resultat div):

    <div class='notice' class='2022'>
        <div class='internotice'></div>
        <div class='notice_header'>
            <p class='title'><img src='img1.png' /></p>
            <h4>Title1</h4>
            <p>details</br>info</p>
        </div>
        <div class='bibloc'>
            <p class='enrayon'> ref1<span>text</span></p>
        </div>
    </div>
    
    <div class='notice' class='2022'>
        <div class='internotice'></div>
        <div class='notice_header'>
            <p class='title'><img src='img1.png' /></p>
            <h4>Title2</h4>
            <p>details</br>info</p>
        </div>
        <div class='bibloc'>
            <p class='enrayon'> ref2<span>text</span></p>
        </div>
    </div>

it works perfectly in firefox, all the divs are sorted with "ref1,ref2..."

no other browser i tested want to do the sort. no error message in console, just doesn't work

any idea of what could be the source of this problem ? thanks

tried everything, change or simplify html, move javascript function but nothing work

Possibly this sort: return ($(a).find("div.bibloc:first").text()) > ($(b).find("div.bibloc:first").text()) ? 1 : -1; — Peter Thoeny
– Peter Thoeny, Commented Dec 7, 2022 at 0:47
Please provide enough code so others can better understand or reproduce the problem. — Community
– Community Bot, Commented Dec 7, 2022 at 9:42

Peter Thoeny · Accepted Answer · 2022-12-08 06:07:57Z

1

For sort, be specific, and return 1 or -1:

return ($(a).find("div.bibloc:first").text()) > ($(b).find("div.bibloc:first").text()) ? 1 : -1;

answered Dec 8, 2022 at 6:07

Peter Thoeny

7,6381 gold badge16 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

madj · Accepted Answer · 2022-12-07 14:17:28Z

0

thanks Peter Thoeny !!!!

the solution was effectively :

return ($(a).find("div.bibloc:first").text()) > ($(b).find("div.bibloc:first").text()) ? 1 : -1;

answered Dec 7, 2022 at 14:17

madj

31 bronze badge

Collectives™ on Stack Overflow

jquery and sort function not working in chrome but works in firefox?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related