使用jQuery,css不会改变

使用jQuery,css不会改变,jquery,css,Jquery,Css,我分配了最多五个元素中的一个(ListNumberId介于1和5之间)p元素,如下所示: PreviousSelection = $(this).siblings(".result").find("p:nth-child('" + ListNumberOld + "')"); 我现在正在尝试更新它的CSS: PreviousSelection.css("background-color","black") 但是css没有改变,上面的代码有什么原因吗?我甚至尝试使用以下方式显示当前css: a

我分配了最多五个元素中的一个(ListNumberId介于1和5之间)
p
元素,如下所示:

PreviousSelection = $(this).siblings(".result").find("p:nth-child('" + ListNumberOld + "')");
我现在正在尝试更新它的CSS:

PreviousSelection.css("background-color","black")
但是css没有改变,上面的代码有什么原因吗?我甚至尝试使用以下方式显示当前css:

alert (PreviousSelection.css("background-color")); << FIXED
……但同样,什么也没发生


HTML的要求。更新.css或add/removeClass适用于.result,但不适用于子级

<form id="frmTransListRecord_00002" name="frmTransListRecord_00002" method="post">        
<div id="idTransListRecordLineColWrapper_TransID" style="display: none" class="clTransListRecordLineColWrapper">            
<div class="clTransactionListingCol_ID clTransListFieldValues">ID</div>         
<div class="clTransactionListingCol_ID clTransListFieldValues">           
  <input type="text" name="txtTransactionID" value="-" readonly="" size="6" class="clTransField clTextAlignCenter clTransValue_TransID">              
  <input type="text" name="txtTransactionID_B" value="-" hidden="" size="6" class="clTransField clTextAlignCenter clTransValue_TransID">            </div>        </div>          
<div id="idTransListRecordLineColWrapper_AccountID" class="clTransListRecordLineColWrapper">            
<div><span>Account</span></div>         
<div>             <input class="clParentTransID" hidden="" value="TMP">           <input type="text" id="txtAccountID" hidden="" readonly="" class="clTransField">            <input type="text" id="txtAccountIDName" class="clLiveSearchAccountChild clTransField" autocomplete="off" placeholder="Search Accounts...">             
<div class="result" style="background-color: rgb(255, 255, 255); border: thin solid; padding: 0.5em;">
  <p id="1" class="x">[2]|[ENTRY 1]</p>
  <p id="2" class="x">[3]|[ENTRY 2]</p>
  <p id="3" class="x">[4]|[ENTRY 3]</p>
  <p id="4" class="x">[5]|[ENTRY 4]</p>
</div>              
</div>         
</div>        
</form>

身份证件
账户

[2]|[条目1]

[3]|[条目2]

[4]|[条目3]

[5]|[条目4]

请注意,这是动态添加的,.result和子项
p
s.

第n个子项(n)中的数字不应加引号,因此应该加引号

PreviousSelection = $(this).siblings(".result").find("p:nth-child(" + ListNumberOld + ")");
(删除了单引号)

并在此代码中使用
和附加的花括号:

PreviousSelection.css({"background-color": "black"});
第n个子项(n)中的数字不应加引号,因此应加引号

PreviousSelection = $(this).siblings(".result").find("p:nth-child(" + ListNumberOld + ")");
(删除了单引号)

并在此代码中使用
和附加的花括号:

PreviousSelection.css({"background-color": "black"});

第n个子项
n接受一个整数值,不应包含在引号中,因此只需在不带引号的情况下附加值
ListNumberOld

 PreviousSelection = $(this).siblings(".result")
                            .find("p:nth-child("+ListNumberOld+")");

第n个子项
n接受一个整数值,不应包含在引号中,因此只需在不带引号的情况下附加值
ListNumberOld

 PreviousSelection = $(this).siblings(".result")
                            .find("p:nth-child("+ListNumberOld+")");

虽然警报有效,但是css仍然没有改变。我有完全相同的,但是对于CurrentSelection,一个不同的第n个子项,它应该将其更改为不同的颜色,但什么也没有发生。如果它是一个CSS属性,您可以执行
.CSS(“背景色”,“黑色”)
警报工作正常,但CSS仍然没有更改。我有完全相同的,但对于CurrentSelection,不同的第n个子元素,应该会将其更改为diff color,但什么也没有发生。如果它是一个CSS属性,你可以执行
.CSS(“背景色”,“黑色”)
我通常执行
.CSS({'background-color':'black')
奇怪的是,它适用于父元素div,但不是为了孩子的p。查看Chrome的inspector,它拒绝将CSS或类添加到子项中。发布HTML以便我们验证选择器的准确性。添加到初始问题中。如果您的
上确实有ID,为什么不直接针对这些ID而不是花哨呢?我通常会
.CSS({background-color':'black'))
奇怪的是,它适用于父元素div,但不适用于子元素p。查看Chrome的inspector,它拒绝将CSS或类添加到子项中。发布HTML,以便我们验证选择器的准确性。添加到初始问题。如果您的
上确实有ID,为什么不将它们作为目标,而不是花哨呢?