标签: jquery-selectors

我有一个包含一系列选项的下拉列表:

<select id=SomeDropdown>
  <option value="a'b]&lt;p>">a'b]&lt;p></option>
  <option value="easy">easy</option>
<select>

请注意,选项值/文本包含一些讨厌的东西:

• 单引号
• 关闭方括号
• 转载html

我需要删除a'b] <p>选项,但我没有运气写选择器.无论是:

$("#SomeDropdown >option[value='a''b]<p>']");

要么

$("#SomeDropdown >option[value='a\'b]<p>']");

正在返回选项.

使用"value ="选择器时,转义值的正确方法是什么？

哪个更适合用作性能视角:

$(".div1 h2, .div1 h3")

要么

$(".div1").find("h2, h3")

我有这个代码:

$("#test").siblings('p').remove();
$("#test").remove();

如何链接此代码而不是单独编写代码？

我想动态地向表的所有行添加一个类,除了第一行和最后一行.如果没有为行分配css类来识别它们,我将如何做到这一点.我正在获得除了第一行之外的所有内容

$("#id").find("tr:gt(0)")

我需要以not("tr:last")某种方式结合这个吗？

请考虑以下HTML.如果我有一个对<button>元素的JSON引用,我怎样才能在两种情况下获得对外部<tr>元素的引用

<table id="my-table">
    <tr>
        <td>
            <button>Foo</button>
        </td>
        <td>
            <div>
                <button>Bar</button>
            </div>
        </td>
    </tr>
</table>

<script type="text/js">
    $('#table button').click(function(){
        //$(this).parent().parent() will work for the first row
        //$(this).parent().parent().parent() will work for the second row
        //is there a selector or some magic json one liner that will climb
        //the DOM tree until it hits a TR, or do I have to code this myself
        //each time?            
        //$(this).????
    });
</script>

我知道每种条件我都可以处于特殊情况,但我更感兴趣的是"无论你遇到多么深刻,爬上树直到你找到元素X"的风格解决方案.像这样的东西,但更多jQuery喜欢/更少详细

var climb = function(node, str_rule){
    if($(node).is(str_rule)){
        return node;
    }
    else if($(node).is('body')){
        return false; …

在jQuery中$(window).width()vs 之间的主要区别是什么$(document).width()？是否窗口表示浏览器,文档表示html页面的主体？我对么 ？

如何检查节中的(required)输入字段的空值,然后使用jQuery在事件上为它们添加一个类？到目前为止,我尝试过:

jQuery("#sender_container input.required").val("").addClass("error");

但这似乎是设定价值,而不是检查它.有任何想法吗？

我对jquery很新,似乎无法弄清楚为什么我的代码不起作用.我有一个水平布局,并希望使用scrollLeft()函数(这与此代码完美配合)

$("#next").click(function() {
    currentElement = currentElement.next();
    scrollTo(currentElement);    
});

function scrollTo(element) {
    $(window).scrollLeft(element.position().left);
}

但理想情况下,我想设置动画,这样当点击#next时,左侧滚动功能有一个很好的动画效果

$("#next").click(function() {
    currentElement = currentElement.next();
    scrollTo(currentElement);    
});

function scrollTo(element) {
    $(window).animate({scrollLeft: element.position().left}, 750);
}

但无济于事.我究竟做错了什么？

我正在尝试获得一个div,其中"panel current"作为classname.问题是空间 - 我该如何选择它？

有没有更好的方法在jQuery中选择祖父母元素以避免这种情况？

$(this).parent().parent().parent().parent().parent().children(".title, .meta").fadeIn("fast");

谢谢.