使用 jQuery 动态更改 HTML 元素的宽度 [关闭]答案

【问题标题】：Dynamically changing the width of an HTML element using jQuery [closed]使用 jQuery 动态更改 HTML 元素的宽度 [关闭]
【发布时间】：2014-10-01 20:40:23
【问题描述】：

我正在尝试使用 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 方法不起作用任何人都可以，有什么建议吗？

【问题讨论】：

您应该发布呈现的 HTML，而不是 PHP，因为 PHP 在这里无关紧要。
删除 PHP 的东西，只留下 HTML 呈现的标记。对您的代码进行一些缩进也会有所帮助。
为什么选择 JQuery？ Css 处理悬停：li.film_list:hover { width: 180px; }
这是一个问答网站。只是说您正在尝试做某事并发布一些代码并不能概述问题或提出问题
抱歉，这是我在这个平台上的第一个问题。我对编码和堆栈都是新手。

标签： javascript jquery css

【解决方案1】：

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

删除选择器中的空格

【讨论】：

【解决方案2】：

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

【讨论】：