jQuery用空格寻址ID

Question

我在修改发送到iFrame的块时遇到问题，所以我尝试在documentReady之后使用jQuery对其进行修改，我的问题是div的id包含空格： 我想更改文本并添加图像

我怎样才能用jQuery做到这一点？

<div id="Cash On Delivery" data-pm="Cash On Delivery">
 <div class="nameRow">
  <div class="methodIcon"> /* here I want to place a pic */</div>
  <div class="methodName">Cash On Delivery</div> <!--this I want to change-->
   <div class="paymentMethodDetails right">
   <div class="checkMark"></div>
 </div>
</div>

Answer 1

id值不得包含空格。这几乎是他们唯一的限制。

尽管您可以使用属性选择器访问该元素：

var methodIcon = $("[id='Cash On Delivery'] .methodIcon");
var methodName = $("[id='Cash On Delivery'] .methodName");

例：

var methodIcon = $("[id='Cash On Delivery'] .methodIcon");
var methodName = $("[id='Cash On Delivery'] .methodName");
methodIcon.text("pic goes here");
methodName.text("new method name here");

<div id="Cash On Delivery" data-pm="Cash On Delivery">
 <div class="nameRow">
  <div class="methodIcon"></div>
  <div class="methodName">Cash On Delivery</div> <!--this I want to change-->
   <div class="paymentMethodDetails right">
   <div class="checkMark"></div>
 </div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

....最好坚持使用有效的id。

Answer 2

id

不应该有空格，但如果你想在 jquery 中定位该 id，请使用这个：

$("div[id='Cash On Delivery']");