javascript - 如何在 Javascript 中访问具有相同属性的动态控件

标签 javascript jquery select css-selectors

我有一个aspx页面,其中有一个选择框控件

<select name="selViewPerPage" id="selViewPerPage" style="width:30px">

为了在所有浏览器中引入特定的样式,我使用“selectBox.js”用动态选择框替换了这个 html 控件。现在的问题是,我在页面中有两个下拉菜单,在运行时它们是使用相同的类名生成的,没有任何 id。因此,在尝试使用 css 定位控件时,两个下拉菜单占据相同的位置。 Please see the html code in firebug

所以我不确定如何处理这种情况。如果您需要更多信息,请告诉我。

谢谢

最佳答案

尝试使用伪选择器来获取特定项目,例如第一个、最后一个或第 n 个项目。请参阅 :eq():first():last() 例如:http://api.jquery.com/category/selectors/ 。使用其中一种选择器,您可以仅获取要修改的元素并单独对其应用样式。例如。

$('ul').first()

$('ul:last')

$('ul').eq(1)

或者这些的其他变体。

关于javascript - 如何在 Javascript 中访问具有相同属性的动态控件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6933393/

相关文章:

JavaScript:如何将消息打印到错误控制台?

javascript - 如何将事件对象传递给命名函数

javascript - 使用 twitter bootstrap 切换按钮和面板

sql - 在 SQL 中要求列包含每个指定值的更好方法

MySql如何在if语句中联合2个查询

Javascript:如何通过单击更改表单字段值

javascript - 转到列表中的 eq 项

javascript - 使用 jQuery 重新排序和动画列表项?

mysql 不同的选择查询合二为一

javascript - 在 Safari 上的安全沙盒 iframe 中读取 blob?