javascript/jquery选择父元素中的所有子元素

我有一堆在父div中唯一标识的子元素。我想知道在jQuery（或javascript）中是否有方法捕获所有这些元素？父div中的子级数是任意的，这意味着每个div可以是任意数。例如：

<div class="parent1">
   <span class="child1">some text here</span>
   <span class="child2">some other text</span>
   ...
   <span class="child49">yet more text</span>
   <span class="something_else">other text i don't want to select</span>
</div>
<div class="parent2">
   <span class="child1">some text</span>
   <span class="child2">some text</span>
   ...
   <span class="child120">some text</span>
</div>

但是有更好的办法吗？我并不总是知道每个家长有多少个孩子

---

编辑：另外，我可能在父级中有其他子级，它们具有我不想选择的不同类名；我特别想选择所有的“child*”类。

这些代码获取div.parent1和div.parent2中的所有child

$('[class^="parent"] span').css({ });
$('[class^="parent"]').children().css({ });

这些代码仅获取父级1的子级

$('.parent1 span').css...
$('.parent1').children().css...

---

使用

.children

和

.filter

，如果子项的数量不确定，则将所有要操作的parent1的子项标记为child1

 $(".parent1").children().filter(".child1").css({color:'Red'});

这是小提琴

将选择类

.parent1

下以类

子类开始的所有
span
s

如果您希望在all
parentX
下使用所有
span.childX
，请使用：

$('div[class^="parent"] span[class^="child"]')

这是使用jQuery已经实现（并在某些情况下扩展）的。从文件中：

E[foo^=“bar”]
一个E元素，其
“foo”
属性值以字符串
“bar”
开始。谢谢，如果父div中有其他跨度，我不想选择该怎么办；例如，一个未标记为“child”但具有不同类（如“something_other”）的跨度，我不希望它选择该跨度。我不知道是否理解您的意思，但请尝试以下操作：$（'.parent1 span:not（.something other）。。。我想。这只会选择跨度，有没有办法选择所有子元素？@GregL Yes这回答了一个问题：child指的是类，而不是元素关系。你的问题不同，应该单独提问。这就是说，如果您只希望某个特定元素下的所有子元素，您可以使用CSS通用选择器和子组合器，例如
$（'div>*'）
将选择
的所有直接子元素
$('.parent1 span[class^="child"]')

$('div[class^="parent"] span[class^="child"]')