任何人都知道如何自动从中选择一个选项 <Li> Javascript HTML

Question

这是我从ebsite获得的元素

我想制作一个可以自动选择尺寸的脚本（例如12）。

<div class="select-size select-size-detail" id="sizeOptions" style="display: block;">
<div></div>
<ul class="select-box-size">                                                        
<li currupc="00886737650974">6.5</li>
<li currupc="00886737650981">7</li>
<li currupc="00886737659267">7.5</li>
<li currupc="00886737659274">8</li>
<li currupc="00886737659281">8.5</li>
<li currupc="00886737659304">9</li>
<li currupc="00886737659328">9.5</li>
<li currupc="00886737659335">10</li>
<li currupc="00886737659342">10.5</li>
<li currupc="00886737659359">11</li>
<li currupc="00886737659397">12</li>                                                        
</ul>
</div>
</div>

Answer 1

 $('li').click(function(){ $('li').each(function(){ $(this).css({'border-style':'none'}); }); $(this).css({'border-style':'solid','border-width':'2px','border-color':'gray'}); alert('Select '+$(this).text() ); }); function click_li_by_value(_value){ $('li').each(function(){ var li_text=$(this).text(); if(li_text==_value){ $(this).click(); } }); } click_li_by_value('12'); //or '11' or '10.5' 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div class="select-size select-size-detail" id="sizeOptions" style="display: block;"> <div> <ul class="select-box-size"> <li currupc="00886737650974">6.5</li> <li currupc="00886737650981">7</li> <li currupc="00886737659267">7.5</li> <li currupc="00886737659274">8</li> <li currupc="00886737659281">8.5</li> <li currupc="00886737659304">9</li> <li currupc="00886737659328">9.5</li> <li currupc="00886737659335">10</li> <li currupc="00886737659342">10.5</li> <li currupc="00886737659359">11</li> <li currupc="00886737659397">12</li> </ul> </div> </div>