我想通过jquery / javascript更改图像高度，我不想为图像设置id。
<div class="list_carousel">
<ul id="foo1">
<li><img src="<?php echo get_template_directory_uri(); ?>/slider/1.jpg" alt="" /></li>
<li><img src="<?php echo get_template_directory_uri(); ?>/slider/2.jpg" alt="" /></li>
<li><img src="<?php echo get_template_directory_uri(); ?>/slider/3.jpg" alt="" /></li>
<li><img src="<?php echo get_template_directory_uri(); ?>/slider/4.jpg" alt="" /></li>
<li><img src="<?php echo get_template_directory_uri(); ?>/slider/5.jpg" alt="" /></li>
<li><img src="<?php echo get_template_directory_uri(); ?>/slider/6.jpg" alt="" /></li>
<li><img src="<?php echo get_template_directory_uri(); ?>/slider/7.jpg" alt="" /></li>
<li><img src="<?php echo get_template_directory_uri(); ?>/slider/8.jpg" alt="" /></li>
<li><img src="<?php echo get_template_directory_uri(); ?>/slider/9.jpg" alt="" /></li>
</ul>
</div>
在CSS中
.list_carousel img {
width: 100%;
height: 100%;
}
您可以通过以下方式选择所有图像：
$('#foo1 img')
或者：
$('#foo1').find('img')
因此，您可以使用以下方法将高度更改为100％：
$('#foo1').find('img').css({ height: '100%' });
或者，如果要将高度更改为像素数（例如60），请执行以下操作：
$('#foo1').find('img').height(60);
如果只想更改一张图像，可以使用：
$('#foo1').find('img').eq(index).height(60);
其中index是图片的从零开始的索引。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句