Change CSS value of a span with a certain value?

Change CSS value of a span with a certain value?

Hi,

I am trying to change a css value on a span with a certain value (='10'):

HTML:
<ul class="menu-ul innerbox">
<li style="position: relative;" class="">
<div class="menu-item">
<span>10</span>
</div>
</li>


Here is what I got so far:
js:
$("ul>li").find(":contains(10)").css( {
            'background-color' : 'yellow',
            'font-weight' : 'bolder'
         });


That works as long as there is no other value beginning with '10xx'. So a span like "<span>100</span>" will also be changed.

What to do?

kind regards, S.