标签: jquery-selectors

我正在考虑,如果在jQuery中可以使用AND和OR通过命名属性选择元素.

例:

<div myid="1" myc="blue">1</div>
<div myid="2" myc="blue">2</div>
<div myid="3" myc="blue">3</div>
<div myid="4">4</div>

我想选择所有元素,myc="blue"但只选择那些myid设置为1或3 的元素.

所以我尝试过:

a=$('[myc="blue"] [myid="1"]  [myid="3"]');

但它不起作用,同样在这里:

a=$('[myc="blue"] && [myid="1"] || [myid="3"]');

没有编写特殊的过滤功能可以吗？

举一个简单的例子,我在页面上多次重复了以下块(它是动态生成的):

<div class="box">
   <div class="something1"></div>
   <div class="something2">
      <a class="mylink">My link</a>
   </div>
</div>

点击后,我可以通过以下方式访问链接的父级:

$(".mylink").click(function() {
   $(this).parents(".box").fadeOut("fast");
});

但是......我需要找到<div class="something1">那个特定的父母.

基本上,有人可以告诉我如何引用更高级别的兄弟而不能直接引用它吗？我们称之为大哥哥.直接引用大哥的类名会导致页面上该元素的每个实例淡出 - 这不是理想的效果.

我试过了:

parents(".box .something1") ... no luck.
parents(".box > .something1") ... no luck.
siblings() ... no luck.

任何人？谢谢.

选择我之前设置的元素 jquery.data();

即选择.data('myAttr')已设置的所有元素.

解

要说明的是 小提琴

我正在尝试选择具有data-go-to非空属性的所有元素.

我试过$('[data-go-to!=""]')但奇怪的是,如果我这样做的话,它似乎正在选择页面上的每一个元素.

我如何确定jQuery中的:input过滤器返回的元素是文本框还是选择列表？

我希望每个都有不同的行为(文本框返回文本值,选择返回键和文本)

示例设置:

<div id="InputBody">
<div class="box">
    <span id="StartDate">
        <input type="text" id="control1">
    </span>
    <span id="Result">
        <input type="text" id="control2">
    </span>
    <span id="SelectList">
        <select>
            <option value="1">Option 1</option>
            <option value="2">Option 2</option>
            <option value="3">Option 3</option>
        </select>
    </span>
</div>
<div class="box">
    <span id="StartDate">
        <input type="text" id="control1">
    </span>
    <span id="Result">
        <input type="text" id="control2">
    </span>
    <span id="SelectList">
        <select>
            <option value="1">Option 1</option>
            <option value="2">Option 2</option>
            <option value="3">Option 3</option>
        </select>
    </span>
</div>

然后脚本:

$('#InputBody')
    // find all div containers with class = "box"
    .find('.box')
    .each(function () {
        console.log("child: " …

鉴于下表,我如何获得每个td元素的相应表头？

<table>
    <thead> 
        <tr>
            <th id="name">Name</th>
            <th id="address">Address</th>
        </tr>
    </thead> 
    <tbody>
        <tr>
            <td>Bob</td>
            <td>1 High Street</td>
        </tr>
    </tbody>
</table>

鉴于我目前已经有任何td可用的元素,我怎么能找到相应的th元素？

var $td = IveGotThisCovered();
var $th = GetTableHeader($td);

是否有任何选择器可用于添加ID,例如添加类 - addClass()？

如何在jQuery中选择最后一个子元素？

只是最后一个孩子,而不是它的后代.

假设我有这样的标记:

<div id="foo">
  ...
  <span id="moo">
    ...
  </span>
  ...
</div>

我想选择#moo.

为什么$('#foo').find('span')有效,但$('span', $('#foo'));不是？

我可以选择(使用jQuery)HTML标记中的所有div,如下所示:

$('div')

但是我想从上面的选择中排除一个特定的div(比如说有id="myid").

如何使用Jquery函数执行此操作？