JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <h2>Data</h2>
    <div data-foo="aaa" data-bar="aaa">foo: aaa; bar: aaa</div>
    <div data-foo="aaa" data-bar="bbb">foo: aaa; bar: bbb</div>
    <div data-foo="bbb" data-bar="aaa">foo: bbb; bar: aaa</div>
    <div data-foo="bbb" data-bar="bbb">foo: bbb; bar: bbb</div>
    <h2>Result</h2>
    <ul id="result"></ul>
</body>

JavaScript

var result = $('[data-foo="aaa"][data-bar="bbb"]');
result.each(function(){
    $('#result').append( '<li>' + $(this).html() + '</li>');
});