JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td></td>
        <td data-info=""></td>
        <td></td>
        <td class='test'></td>
        <td></td>
        <td></td>
    </tr>
</table>

JavaScript

console.log($('td.test').siblings('td[data-info]'));    // Why does this not work when
console.log($('td.test').parent().find('td[data-info]')); // This works
console.log($('td.test').siblings('td[data-info=]'));     // And this works

console.log($('td.test').siblings().filter('td[data-info]'));     // This doesn't work either.
console.log($('td.test').parent().children('td[data-info]')); // Neither does this.