JSFiddle - React, Tailwind, and code Playground

HTML

<div> Works Correctly:
        <span><input style="width:2px;" />One</span>
        <span><input style="width:2px;" />Two</span>
        <span><input style="width:2px;" />Three</span>
        <a href="javascript:void(0)" onclick="alert($(this).prevAll('span').first('span:has(input)').text());">test</a>
        <span><input style="width:2px;" />Five</span>
        <span><input style="width:2px;" />Six</span>
    </div>
<br/><br/><br/>
    <div> Doesn't Work Correctly:
        <span><input style="width:2px;" />One</span>
        <span><input style="width:2px;" />Two</span>
        <span><input style="width:2px;" />Three</span>
        <a href="javascript:void(0)" onclick="alert($(this).prevAll('span:has(input,select,textarea)').first().text());">test</a>
        <span><input style="width:2px;" />Five</span>
        <span><input style="width:2px;" />Six</span>
    </div>