标签: jquery-selectors

我有一个选择框:

<select id="selectBox">
  <option value="0">Number 0</option>
  <option value="1">Number 1</option>
  <option value="2">Number 2</option>
  <option value="3">Number 3</option>
  <option value="4">Number 4</option>
  <option value="5">Number 5</option>
  <option value="6">Number 6</option>
  <option value="7">Number 7</option>
</select>

我想根据它选择的索引将其中一个选项设置为"已选择".

例如,如果我尝试设置"3号",我正在尝试这样做:

$('#selectBox')[3].attr('selected', 'selected');

但这不起作用.如何使用jQuery基于其索引设置选项？

谢谢!

是否有一个简单的选择器表达式,不选择具有特定类的元素？

<div class="first-foo" />
<div class="first-moo" />
<div class="first-koo" />
<div class="first-bar second-foo" />

我只想得到前三个div并尝试过

$(div[class^="first-"][class!="first-bar"])

但这会收到所有,因为最后一个div包含的不仅仅是第一个栏.有没有办法在这样的表达式中使用占位符？这样的事情

$(div[class^="first-"][class!="first-bar*"]) // doesn't seem to work

任何其他可能有帮助的选择器？

<input type="checkbox" name="filter" id="comedyclubs"/>
<label for="comedyclubs">Comedy Clubs</label>

如果我有一个带有描述它的标签的复选框,我如何使用jQuery选择标签？是否更容易为标签标签提供ID并选择使用$(#labelId)？

我想获得一个在具有特定id的div中选中的复选框的名称列表.我怎么用jQuery做到这一点？

例如,对于这个div我想得到数组["c_n_0"; "c_n_3"]或字符串"c_n_0; c_n_3"

<div id="checkboxes">
    <input id="chkbx_0" type="checkbox" name="c_n_0" checked="checked" />Option 1
    <input id="chkbx_1" type="checkbox" name="c_n_1" />Option 2
    <input id="chkbx_2" type="checkbox" name="c_n_2" />Option 3
    <input id="chkbx_3" type="checkbox" name="c_n_3" checked="checked" />Option 4
</div>

我看起来很好看,似乎无法找到如何在一个jQuery选择器语句中选择匹配某些类的所有元素,如下所示:

$('.myClass', '.myOtherClass').removeClass('theclass');

关于如何实现这一点的任何想法？唯一的另一种选择是做

$('.myClass').removeClass('theclass');
$('.myOtherClass').removeClass('theclass');

但我正在使用相当多的类,所以它需要很多代码.

使用jQuery我是以编程方式生成一堆div这样的:

<div class="mydivclass" id="myid1">Some Text1</div>
<div class="mydivclass" id="myid2">Some Text2</div>

在我的代码中的其他地方,我需要检测这些DIV是否存在.div的类名相同,但每个div的ID都会更改.知道如何使用jQuery检测它们吗？

如何检查是否没有课程.例如,我知道如何检查它是否具有类"test",但是如何检查它是否没有"test"类？

if($(this).hasClass("test")){
}

我有以下css:

.pageMenu .active::after {
    content: '';
    margin-top: -6px;
    display: inline-block;
    width: 0px;
    height: 0px;
    border-top: 14px solid white;
    border-left: 14px solid transparent;
    border-bottom: 14px solid white;
    position: absolute;
    right: 0;
}

我想使用jQuery更改顶部,左侧和底部边框的边框宽度.我用什么选择器来访问这个元素？我尝试了以下但它似乎没有工作.

$('.pageMenu .active:after').css(
        {
            'border-top-width': '22px',
            'border-left-width': '22px',
            'border-right-width': '22px'
        }
    )

我有这样的事情:

<div class="content">
    <a href="#">A</a>
</div>
<div class="content">
    <a href="#">B</a>
</div>
<div class="content">
    <a href="#">C</a>
</div>

单击其中一个链接时,我想在未单击的链接上执行.hide()函数.我理解jQuery有:not selector,但在这种情况下我无法弄清楚如何使用它因为我必须使用它来选择链接$(".content a")

我想做点什么

$(".content a").click(function()
{
    $(".content a:not(this)").hide("slow");
});

但在这种情况下,我无法弄清楚如何正确使用:not selector.

我知道我可以使用以下方法在页面上获得所有选中的复选框:

$('input[type=checkbox]').each(function () {
    var sThisVal = (this.checked ? $(this).val() : "");
});

但我现在在一个页面上使用它,这个页面上有一些我不想包含的其他复选框.如何将上面的代码更改为仅查看具有特定类的复选框？