将内容添加到 <li> 内的 div 内的类选择器答案

【问题标题】：Adding content to a class selector inside a div that is inside a <li>将内容添加到 <li> 内的 div 内的类选择器
【发布时间】：2012-01-19 01:22:39
【问题描述】：

如何向下面error_descr 类的段落之一添加内容？

<li id="list_item-1">
     <div>
          <p class="error_descr"></p>
     </div>
</li>
<li id="list_item-2">
     <div>
          <p class="error_descr"></p>
     </div>
</li>
<li id="list_item-3">
     <div>
          <p class="error_descr"></p>
     </div>
</li>

我尝试的是jQuery('#list_item-2 div p.error_descr').html("Mising something...");，但它不起作用。知道有什么问题吗？

【问题讨论】：

你为什么要使用这样的ID？您确定没有任何其他具有相同 ID 的 lis（例如在不同的列表中）吗？如果没有看到您的其余代码，我无法确定，但我怀疑这可能是问题所在。

标签： jquery forms jquery-selectors

【解决方案1】：

LI 元素有父标签吗？这是我能看到的唯一看起来很奇怪的东西，但你的代码应该仍然可以工作。您可以在此处查看一个工作示例：

http://jsfiddle.net/vgcv6/1/

您的代码基本上没有问题。如果您遇到问题，它们可能存在于其他地方。

【讨论】：

【解决方案2】：

试试$('#list_item-2 div').children('p.error_descr').html('Mising something...');

编辑：在父选择器上添加 div

【讨论】：

我认为.children() 返回立即孩子；由于 p 标记在项目内的 div 标记内，我认为您的代码不会工作。试试.find() 而不是.children()。