javascript - Prototype.js：IDが？で始まる要素を選択します

Question

idこのような属性を持つタグがあります

<span id="attr35"></span>
<span id="attr44"></span>
<span id="attr23"></span>

このようにスタイルを設定する必要があります（最後の2桁は任意の場合があります）

$("span[id=attr???]").setStyle({'display':'inline'});

出来ますか？

Answer 1

有効なセレクターAPIセレクターを使用します。

$("span[id^=attr]")

複数の一致が必要な場合は、$$

$$("span[id^=attr]")

---

おっと、もう1つ問題があります。.invoke複数の一致を取得している場合に使用する必要があります。setStyle返されたセットを直接呼び出すことはできません。

$$("span[id^=attr]").invoke("setStyle", ...)

Answer 2

バージョン1.5.1以降、この$$関数は属性-startswith-selectorをサポートしています^=。

$$('[id^="attr"]').invoke("setStyle",{display:'inline'});

Answer 3

$$('[id^="attr"]').invoke("setStyle",{'display':'inline'});