标签: jquery-selectors

我正在用jQuery设置一个非常简单的FAQ页面.像这样:

<h2>What happens when you click on this question?</h2>
<p>This answer will appear!</p>

这都是一个非常具体的div,所以我将选择标题$('#faq h2').简单吧？单击H2,然后使用this.next()以显示下一段.

(这个页面的警告是非程序员将维护它,这就是为什么我不使用类:不能保证任何新条目都有正确的类.)

所以!问题:

<h2>What happens when you click on the next question?</h2>
<p>That is an interesting conundrum.</p>
<p>Because the maintainer is kind of long-winded</p>
<p>and many answers will span a few paragraphs.</p>

那么如何在没有添加divs和类以及诸如此类的东西的情况下,如何在我的this.next()例程中选择点击的问题和下一个问题(H2标题)之间的所有内容？

$("#experiences tr")

对于上面的一个,如何判断它是否为空？

我认为它的布尔值应该是假的,但似乎不是.

有可能使用jQuery来选择元素的祖先吗？

标记:

<div id="ancestor-1">
    <div>
        <a href="#" class="click-me">Click me</a>
    </div>
</div>
<div id="ancestor-2">
    <div>
        <a href="#" class="click-me">Click me</a>
    </div>
</div>

脚本:

$(".click-me").click(function(){
    // var ancestorId = ???;
    alert(ancestorId)
});

我只想询问性能的意见:通过类名或使用jquery的属性名更快地选择元素吗？示例I以这种形式有100个DIV元素:

<div class="normal_box" normal_box=1>...</div>

哪个更快:

$('div.normal_box').each(function(){...});

VS

$('div[normal_box=1]').each(function(){...});

我在30个div上做了一些实验但是我没有看到(new Date).getTime(); 也许按类选择在CPU使用方面更有效？

我昨天遇到了一个问题,一个jquery-selector我分配给一个变量,这让我很生气.

这是一个带有testcase的jsfiddle:

• 将.elem分配给我的obj var
• 将两个长度记录到控制台.结果=> 4
• 从DOM中删除#3
• log obj to console =>删除的#3仍在那里,长度仍为4.我发现jquery查询是快照的？变量而不能？不会？得到更新
• log .elem到控制台..是的结果=> 3,#3消失了
• 现在我更新.elem,新宽度为300
• logging obj&obj.width给了我300 ..所以快照已更新？有趣的是,4个div中有3个具有新的宽度,但删除的#3没有......

另一个测试:将一个li元素添加到domtree并记录obj和.elem..elem确实有新的li而obj没有,因为它仍然是旧的快照

http://jsfiddle.net/CBDUK/1/

有没有办法用新内容更新此obj？我不想做一个新的obj,因为在我的应用程序中有很多信息保存在该对象中,我不想破坏...

我有一个关于为数据单元格设置样式属性的问题jQuery.DataTable.dataTable使用以下代码初始化时,我能够为每列设置宽度:

oTable = $('#example').dataTable( {
    "aoColumns" : [ 
        { sWidth: '40%' }, 
        { sWidth: '60%' }
    ]
} );

现在我想改变第二列的对齐方式,如下所示:style="text-align: right;".

我正在使用此代码动态添加行:

/* Global var for counter */
var giCount = 2;

function fnClickAddRow() {
    oTable.fnAddData( [
        'col_1', 
        'col_2' ] );

    giCount++;  
}

你能告诉我如何在插入新行后选择新行的第二个单元格或如何在插入之前/期间设置行的样式？

任何帮助将不胜感激!

我已搜索但找不到通过标题获取元素的jQuery选择器.所以我会尝试使用title =='cars'来处理下拉列表

例如:

<select title='cars'>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

非常感谢,

你怎么知道当前元素是不是第一个孩子？

它应该适用于$(this),例如:

$("li").click(function(e) {
    if (/* $(this) is not the first-child */)
    {
        /* do something */
    }
});

我正处于一个.each迭代的中间,想要为每个人调出第二个或第三个孩子.但是不能让它工作.

alert($(this + ' :nth-child(2)').attr('id'));

我能想到的唯一选择是像这样可怕的傻瓜:

 $(this).children(':first').next().attr('id', 'ddParam' + newCount);
 $(this).children(':first').next().next().attr('id', 'txt' + newCount);
 $(this).children(':first').next().next().next().attr('id'...

我正在使用以下代码测试jQuery的.append()vs .appendTo()方法:

$('div/>', {
    id : id,
    text : $(this).text()
    }).appendTo('div[type|="item"]#'+id);
$('div[type|="item"]#'+id).append($(this).text());

请注意,选择器在.appendTo()和中是相同的.append(),但后者工作(在同一页面内),而前者不工作.为什么？

如何.appendTo()使用这种类型的(复杂)选择器？这两种方法的插值方式不同吗？我缺少一些语法吗？

我不想用无效的代码来混淆帖子:足以说明选择器引用的元素存在,正如.append()产生所需结果的方法所证明的那样.如果需要更多信息,请与我们联系.

谢谢!