JSFiddle - React, Tailwind, and code Playground

by SergeJcqmn

HTML

<div class="X">
    <div id="d1" class="X">
        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>
        <ul class="X" data-weshouldgetthat="true">
            <li></li>
            <li></li>
            <li></li>
        </ul>        
    </div>
    <div id="d2" class="X">
        <ul>
            <li></li>
        </ul>
    </div>
</div>
<div id="#result20131126">
</div>

JavaScript

selector = "#d1"
oSelector = ".X .X li"

function prom(msg, jq) {
    alert(msg + "\n=> result: " + jq.length);
}



prom(
    "If find started on current node, this query results should give 3\n\n\ $(selector).find(oSelector)"
    , $(selector).find(oSelector)
)

prom(
    "0 is not the result we're looking for\n\n\
$(selector).find(oSelector).andSelf().filter(oSelector)"
    , $(selector).find(oSelector).andSelf().filter(oSelector)
);

prom(
    "6 is not the result we're looking for\n\n\
$(selector).find('*').andSelf().filter(oSelector)"
    , $(selector).find('*').andSelf().filter(oSelector)
)    

prom(
    "Here we are\n\n\
$(selector).parent().find(oSelector).filter($(selector).find('*'))"
    , $(selector).parent().find(oSelector).filter($(selector).find('*'))
)