如何在脚本中将变量用作DOM对象

Question

我有很多functions正在进行，因为多个实例会重复，我会尝试简化所有内容并轻松重复使用functions。

为了避免硬编码值，我尝试建立父ID以便能够运行更深入的loops。

http://jsfiddle.net/hgwNU/

所以，如果我有......

HTML

<div id="one">
    <p>Hello</p>
    <p>Hello</p>
</div>

<div id="two">
    <p>Hello</p>
    <p>Hello</p>
</div>

脚本

var playerOne = $('#one');

$("p").each(function() {
    $(this).text('Changed');
});

我尝试过类似的事情：

$(playerOne + "p").each(function() {

但我收到object conflict错误。

如何在此示例中合并playerOne变量，仅定位p中的#one元素，而不是所有元素？

http://jsfiddle.net/hgwNU/

Answer 1

您正在寻找基于您正在寻找的后代的.find() / .children()

playerOne.find('p').each(...)l //for p elements under `#one` in any level
playerOne.children('p').each(...)l //for p elements which are direct children of `#one`

Answer 2

你可以简单地使用

$('p',playerOne).each(function(i,v){
    //....
 })