使用jQuery,css不会改变
我分配了最多五个元素中的一个(ListNumberId介于1和5之间)使用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
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,为什么不将它们作为目标,而不是花哨呢?