如何選擇某種元素？

我有2種<textarea>：如何選擇某種元素？

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>

好好吧，現在我想知道，我怎樣才能選擇所有帖子 textarea？這些：

<textarea id="textarea-post-1"></textarea> 
<textarea id="textarea-post-2"></textarea> 
<textarea id="textarea-post-3"></textarea>

來源

2015-10-09 Shafizadeh

您是否嘗試過？ –

@SheraliTurdiyev其實我只是可以選擇像這樣的所有textarea：'$（'textarea'）'，或者像這樣的特定的id：'$（'＃textareaid'）'。 – Shafizadeh

如果你給'textarea-post- {id}'類'textarea-post'和'textarea-cmnt- {id}''textarea-cmnt'類，你可以使用'$（「。textarea-post」） ' – Halcyon

您可以使用CSS選擇器與querySelectorAll這樣的：

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

的^=運營商將尋找每一個元素與開始textarea-post的ID。

jQuery的版本：

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

來源

2015-10-09 13:38:10 Magus

謝謝，+ 1upvote給你。 – Shafizadeh

這是你在找什麼$('[id^="textarea-post-"]')。以選擇器^=開始是適合您的案例。

來源

2015-10-09 13:38:36

謝謝，+ 1upvote給你。 – Shafizadeh

不客氣！ –

通過使用[屬性$ =值] CSS的CSS非常簡單，選擇器將做到這一點。

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

來源

2015-10-09 13:39:17

我說的是js（或jquery），而不是css – Shafizadeh

console.log($('textarea[id*=post]'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<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>

來源

2015-10-09 13:40:27

謝謝，+ 1upvote給你。 – Shafizadeh

這是howw選擇與id值所有的textarea與textarea-post-開始：

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

同樣，

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

工作實例：

console.log($("textarea[id^='textarea-post-']")); // outputs all textarea with `id` value starting with `textarea-post-`.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<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>

來源

2015-10-09 13:40:32

謝謝，+ 1upvote給你。 – Shafizadeh

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

這將讓所有textarea-post-然後itterate通過每一個，並獲得價值$(this).val();

來源

2015-10-09 13:40:55

謝謝，+ 1upvote給你。 – Shafizadeh

檢查。

$('textarea[id^="textarea-post"]').click(function(){ 
 
    $(this).css('background-color', 'green'); 
 
});

textarea[id^="textarea-post"]{ 
 
\t \t background-color:red; 
 
\t }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<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>

來源

2015-10-09 13:41:08

謝謝，+ 1upvote給你。 – Shafizadeh

你可以使用jQuery lib和使用它的功能 Jquery library link here

$(‘p:nth-child(3)) \t gets the 3rd <p> element of the parent. n=even, odd too.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>

代替對使用的textarea的

來源

2015-10-09 13:45:38

如何選擇某種元素？

回答

相關問題