标签: jquery-selectors

我有一张表看起来像:

<table>
   <tr>
      <td>one</td><td>two</td><td>three</td><td>last</td>
   </tr>
   <tr>
      <td>blue</td><td>red</td><td>green</td><td>last</td>
   </tr>
   <tr>
      <td>Monday</td><td>Tuesday</td><td>Wednesday</td><td>last</td>
   </tr>
</table>

我想要的是一个jquery选择器,它将选择除td每个表行的最后一个之外的所有表.我试过了:

$("tr td:not(:last)").css("background-color","red");
  //changing color just as a test...

但是,不是所有单元格而是每行的最后一个单元格都被更改,所有单元格,但是表格中的最后一个单元格都被选中.同样,如果我将其更改为:

$("tr td:last").css("background-color","red");

唯一改变的是最后一个细胞.如何选择每行的最后一个(或不是最后一个)？

我想在这样的div中选择一个锚点

<div class="response content">
  Disapproved Bank Mandiri<br><br>
  <p>
    <a class="showlist" href="#">Back to list?</a>
  </p>
</div>

什么是jquery这样做？

我在JSP文件中有以下HTML :

<div class="custList">
   <table class="dataGrid">
      <c:forEach var="cust" items="${custList}">
         <tr>
            <td>${cust.number}</td>
            <td>${cust.description}</td>
            <td>${cust.type}</td>
            <td>${cust.status}</td>
        </tr>
     </c:forEach>
  </table>
</div>

我需要能够'click'在每个动态创建的<tr>标签上触发事件,并且还能够从JavaScript函数中访问<td>(点击的<tr>)标签的值.我已经有了这个功能,但遗憾的是它似乎没有起作用.

$(document).ready(function() {
    $("div.custList > table > tr").live('click', function() {
        alert("You clicked my <tr>!");
        //get <td> element values here!!??
    });
});

更新(2016年1月):不推荐使用jQuery.live(如下所示:http://api.jquery.com/live/ )

从jQuery 1.7开始,不推荐使用.live()方法.使用.on()附加事件处理程序.

为什么标题中的等式是假的？如何检查两个jQuery选择器是否指向同一个DOM对象？

这很简单.我想将焦点设置为页面上的第一个启用而非隐藏控件.

对于文本框,我有

$("input[type='text']:visible:enabled:first").focus();

但我希望得到"全部"表单输入控件:textbox,checkbox,textarea,dropdown,radio在我的选择器中抓取第一个启用而不是隐藏控件.有什么建议？

如果我有一个HTML元素<input type="submit" value="Search" />,则css选择器需要区分大小写:

input[value='Search'] 火柴

input[value='search'] 不匹配

我需要一个解决方案,其中不区分大小写的方法也适用.我正在使用Selenium 2和Jquery,所以欢迎两者的答案.

这应该是一个简单的,但我无法在任何地方找到一个好的例子.我正在尝试在我的页面上选择一个具有"statuslight"类和三个选项之一的title属性的特定元素.选项(它将取决于)存储在名为"currentStatus"的变量中.我已经看过一些例子,我猜这是正确的轨道,但我需要确定:

$(".statuslight[title]='" + currentStatus + "'");

我刚开始第一次使用jquery,所以我不确定我所做的是否正确.我正在尝试做的是非常基本的,我有一个脚本,它在MVC视图中加载时向文本框添加css水印.

要选择元素,请执行以下操作:

jQuery(document).ready(function(){$('#Department.DeptName').addWatermark('input-watermarked', 'test');});

然后在我的脚本中添加css水印类,它在"this.val().length"语句中失败.

jQuery.fn.toggleWatermark = function(watermarkedClass, watermarkText) {
if (this.hasClass(watermarkedClass)) {
    this.removeWatermark(watermarkedClass);
}
else if (this.val().length == 0) {
    this.addClass(watermarkedClass);
    this.val(watermarkText);
}

}

该脚本在元素id为"DepartmentDeptName"时工作正常,就好像当元素id在其中包含一个点时,选择器不起作用.有谁知道为什么或如何解决这个问题？

使用Jquery选择元素时遇到一些问题.当我尝试选择一个元素时:

var images = $("#htmlChunk").find("img.Thumb");
console.log(images);

我得到这个结果:

>[<img>, <img>, prevObject: e.fn.e.init[1], context: #document, selector: "#htmlChunk img.Thumb"]

导致此返回结果的原因是什么？我尝试了一些东西,但仍然没有得到我想要的结果.

我试图包装代码以避免冲突.我试图清除对象

这是我在网上找到的东西. http://drupal.org/node/272557

var images = $("#htmlChunk")['prevObject'].find("img.Thumb");

我现在回来了一个对象,但那也不是我想要的.

我跳进了这个项目,所以我对脚本并不熟悉.我试图在js文件中搜索prevObject,但无法找到任何.

我认为问题在于它干扰了其他一些javascript文件.有任何想法吗？方向？

编辑:htmlChunk:

<div id="htmlChunk">
    <div class="ngg-albumoverview">
        <div class="ngg-album-compact">
            <div class="ngg-album-compactbox">
                <div class="ngg-album-link">
                    <a class="Link" href="http://........">
                        <img class="Thumb" alt="Personeelsevent" src="http://.........">
                    </a>
                </div>
            </div>
            <h4><a class="ngg-album-desc" title="Personeelsevent" href="http://.....">Personeelsevent</a></h4>
            <p><a href="http:///.......">bekijk dit album</a></p>
        </div>
    </div>
</div>

我知道,无论jQuery选择匹配不可见(元素width或height等于0, display: none,父母一方display: none),我认为这是暗示他们应该得到的结果相同的 文档.

出于可读性原因,我宁愿使用,:hidden但我想知道:

• 我应该考虑哪些潜在的陷阱？
• 我会一直得到完全相同的结果吗？
• 哪个选项有更好的表现？