Javascript 如何选择某种元素？

我有两种

：

1） 帖子：

id=“textarea post-{id}”

2） 注释：

id=“textarea cmnt-{id}”

例如，页面中的所有

textarea

：

<textarea id="textarea-post-1"></textarea>
<textarea id="textarea-cmnt-1"></textarea>
<textarea id="textarea-cmnt-2"></textarea>
<textarea id="textarea-cmnt-3"></textarea>
<textarea id="textarea-post-2"></textarea>
<textarea id="textarea-cmnt-4"></textarea>
<textarea id="textarea-cmnt-5"></textarea>
<textarea id="textarea-post-3"></textarea>
<textarea id="textarea-cmnt-6"></textarea>

好吧，现在我想知道，我怎样才能选择所有的帖子类型文本区域？ 这些：

---

您可以将css选择器与

查询选择器all

一起使用，如下所示：

document.querySelectorAll('[id^="textarea-post"]');

^=

操作符将查找id以

textarea post

开头的每个元素

jQuery版本：

$('[id^="textarea-post"]');

---

这就是您要查找的内容（“[id^=“textarea post-”]）。

---

从选择器开始

^=

对于您的案例来说是一种合适的方法。

CSS使用[attribute$=value]选择器非常简单

textarea[id$="post"]{
 color:red
}
textarea[id$="cmnt"]{
 color:blue
}

console.log（$（'textarea[id*=post]'）
这是您选择所有具有
id
值且以
textarea post-
开头的textarea的方式：

$("textarea[id^='textarea-post-']")

同样地

$("textarea[id^='textarea-cmnt-']")

工作示例：


console.log（$（“textarea[id^='textarea-post-']）；//以“textarea post-”开头的“id”值输出所有textarea。


这将获得所有的
textarea post-
，然后对每一个进行编辑并获得值
$（This.val（）
检查此项


$（'textarea[id^=“textarea post”]）。单击（函数（）{
$（this.css（'background-color'，'green'）；
});
textarea[id^=“textarea post”]{
背景色：红色；
}
您可以使用jquery库并使用其函数
$（'p:nth child（3））获取父元素的第三个元素。n=偶数，也有奇数。
@sheralitudiyev实际上我可以选择所有的textarea如下：
$（'textarea'）
，或者像这样的特定id：
$（'textareaid'）
。如果你给
textarea post-{id}
类
textarea post
和
textarea cmnt-{id}
类
textarea cmnt
$(“.textarea post”）
你真的应该给这些元素添加一个合适的类，这样你就不需要使用如此混乱的选择器。@Sajad.只要使用这个
$（“[id^=textarea post]”）…
我说的是js（或jquery），而不是css
$("textarea[id^='textarea-cmnt-']")

$('[id^="textarea-post-"]').each(function () {
  $(this).val();
});