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

我试图使用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>";

echo“
”；
while（$row=mysql\u fetch\u数组（$result））
{
摘录（行）；
回声“；
}
回声“
”；

这里是jquery

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

$（文档）.ready（函数（）{
$（'li.film_list'）。悬停（函数（）{
$（this.css（“宽度”，“180px”）；
});
});

---

这里jquery css方法不起作用，任何人都可以，有什么建议吗？

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

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

$（文档）.ready（函数（）{
$（'li.film_list'）。悬停（函数（）{
$（this.css（“宽度”，“180px”）；
});
});

---

删除选择器中的空格

您应该发布呈现的HTML，而不是PHP，因为PHP在这里是不相关的。删除

PHP

内容，只保留呈现的

HTML

标记。对代码进行一点缩进也会有所帮助。为什么是JQuery？Css处理悬停：

li.film_list:hover{width:180px；}

这是一个问答网站。仅仅说你正在尝试做一些事情并发布一些代码并不能概括出一个问题或提出一个问题抱歉，这是我在这个平台上的第一个问题。我对编码和堆栈都是新手。