使用jQuery动态更改HTML元素的宽度

Question

我正在尝试使用jQuery

更改悬停时li元素的宽度

echo"<div id='film_container'><ul>";
while($row= mysql_fetch_array($result))
{
extract($row);
echo"<a href='#'><li class='film_list'> <img class='poster' src='$poster_small'/>      
<span>$film_name</span></li></a>";
}
echo"</ul></div>";

这里是jquery

 <script>
 $(document).ready(function(){
 $('li .film_list').hover(function(){
 $(this).css("width","180px");
 });
 });
 </script>

这里jquery css方法无法正常工作，有什么建议吗？

Answer 1

<script>
 $(document).ready(function(){
 $('li.film_list').hover(function(){
 $(this).css("width","180px");
 });
 });
</script>

删除选择器中的空格

Answer 2

删除li和.film_list之间的空格。你的选择器意味着你的li标签中有一个元素，其中包含“film_list”类而不是li本身。