开发者

Only change img inside children li

Say my code is as follows:

<ul>
   <li><img /></li>
   <li>
      <ul>
         <li><img /></li>
      </ul>
   </li>
</ul>

I'm trying to set a defau开发者_JS百科lt size for the first img tag, but not affect the second one. everything I do affects the other one as well. Currently I have tried:

$('ul#gallery > li').find('img').css('width','650px');
$('ul#gallery > li img').css('width','650px');

among others, but nothing works.


$('ul#gallery > li > img').css('width','650px');


Have you tried using the jQuery :first selector?

$("li img:first").css('width','650px');
  • http://api.jquery.com/first-selector/


I don't see a id="gallery" in your example, but assuming the following code (only the outer <ul> has the gallery id):

<ul id="gallery">
   <li><img /></li>
   <li>
      <ul>
         <li><img /></li>
      </ul>
   </li>
</ul>

then the appropriate CSS selector is ul#gallery > li > img.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜