JSFiddle - React, Tailwind, and code Playground

by jrunning

HTML

<div>
    <div>
        <div>
            <a href="http://example.com/foo.pdf">foo.pdf</a>
        </div>
    </div>
</div>

CSS

div {
    border: 2px solid gray;
    padding: 6px;
}

.selected {
    border-color: blue;
}

body {
    width: 33%;
}

JavaScript

var selected = $("div:has(a[href$=pdf]):not(:has(div))");
selected.addClass('selected');