【jquery】セレクタで前方一致と後方一致

jqueryを使ってとあるエレメントにセレクタを使ってアクセスする際に、 前方一致と後方一致をよく使うので、おぼえがき。

上記のような2種類のテキストボックスがあった場合、 下記のようなコードで前方一致と後方一致が出来ます。

$(document).on("click", "[name^='test']", function() {
alert("○前方一致 " + $("[name^='text']").val());
alert("×前方一致 " + $("[name^='box']").val());
alert("×後方一致 " + $("[name$='text']").val());
alert("○後方一致 " + $("[name$='box']").val());
});

■セレクタ　前方一致の場合

$("[ 属性 ~= '値' ]")

■セレクタ　後方一致の場合

$("[ 属性 $= '値' ]")

いじょうです。