JSFiddle - React, Tailwind, and code Playground
HTML
<div id="out">
<div class="inner">Foo</div>
</div>
CSS
body {
padding: 2em;
}
.inner {
border: 3px solid black !important;
}
JavaScript
$( '.inner' ).each(function () {
this.style.setProperty( 'height', '50px', 'important' );
});
$('#out').find('.inner').css({ 'height': '50px'});
jQuery.expr[':'].contains = function(obj, index, meta, stack){
result = false;
theList = meta[3].split("','");
var contents = (obj.textContent || obj.innerText || jQuery(obj).text() || '')
for (x=0;x<theList.length;x++) {
if (contents.toLowerCase().indexOf(theList[x].toLowerCase()) >= 0) {
return true;}} return false;};
$(document).ready(function() { var refreshId = setInterval( function() {
$("#out:contains('foo','test456')").find(".inner").css( 'width', '50px', 'important' );
}, 1000); //rescans every 1000ms
});