javascript - jQuery hide buttons if they don't contain text -

i have buttons dynamically generated text inside. there no text generated want hide button jquery. cannot seem work.

below code:

$('.inner:empty').parent().remove();  <button><span class="inner">{{dynamic1}}</span></button> <button><span class="inner">{{dynamic2}}</span></button> <button><span class="inner">{{dynamic3}}</span></button> <button><span class="inner">{{dynamic4}}</span></button> 

thanks.

this satifies requirements. need use quotes around selector , call hide instead of remove. works versions of jquery available on google jquery cdn (1.2.3 - 2.1.1)

$(document).ready(function() {    // can replace 'hide' 'remove' if want purged dom.    $('.inner:empty').parent().hide();   });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>    <button><span class="inner">hello</span></button>  <button><span class="inner"></span></button>  <button><span class="inner">world</span></button>  <button><span class="inner"></span></button>