Javascript 使用jQuery设置div类的宽度无效

我正在看一些作品，其中有一个很好的坏代码示例；我不能改变课程，所以我必须处理它

我使用niceselectbox有三个水平容器和6个div类。3是div，由我无法触摸的jQuery设置，3是select类

我想将niceselectBox的第三个div实例设置为width:150%，但我运气不好

<div class="horizontal-three-container third">
    <h3 class="header-step">Heading</h3>
    <div class="nice-selectbox">
        <span class="select-text">Option 1</span>
        <select class="nice-selectbox" name="search">
            <option value="null">Please Select</option>
            <option id="search_1" value="1" selected="selected">Option 1</option>
            <option id="search_2" value="2">Option 2</option>
            <option id="search_3" value="3">Option 3</option>
        </select>
    </div>
</div>

但它仍然不起作用。它只命中select类

非常感谢您的帮助。谢谢

用小提琴更新：

---

似乎在这里工作。我不知道发生了什么事

因为它似乎是在JSFIDLE中工作的，所以在使用jQuery的页面上没有包含jQuery

添加如下内容：

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

将解决您遇到的问题。jQuery必须通过脚本链接包含在页面上，否则您编写的任何jQuery都将无效

下面将演示如何使用jQuery

---

您在哪里添加了代码？您是否尝试过宽度函数：

$（'div#somediv'）。宽度（'70%）@milindiantwar在页面顶部。它确实有效，因为它改变了select类的元素。选项3是让不正确的htmlit正常工作。检查这把小提琴似乎就是问题所在。我有一个旧版本。谢谢你，伙计@这是一个常见的问题，这应该是使用jQuery时要做的第一件事。也欢迎你。
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>