javascript - 変数としてのJqueryオプション

Question

こんにちは、Jquery拡張機能に静的オプションがあります。オプションはcolor："blue"です

$（ele）.test（{color： "color"}）;

//以下で試してみました

var anoption = "color"; $（ele）.test（{anoption： "blue"}）;

しかし、それはうまくいきませんでした。上記で試みたように、別の変数をオプション名にシリアル化する方法はありますか？

Answer 1

オブジェクトは単にそのようには機能しません。プロパティの名前が変数に含まれているオブジェクトのプロパティを設定する場合は、角かっこ表記を使用して設定する必要があります。例えば、

var options = {}, anoption = "color";
options[anoption] = "blue";
$(ele).test(options);

Answer 2

以下のような機能を作りたいと思います。

function changeColour(colour,ele){
    $(ele).css({'color':colour});//this will change the colour of the text
}

この関数を実行するには、この関数を呼び出す必要があります。それでは、要素に関数呼び出しを入れましょう。これは2つの方法で実行できます。要素のjavascriptdocument.ready関数内の1つはそれ自体です。

jQueryセレクター関数：

$('#element').click(function(){
    changeColour('#FF0000',$(this)); //this will send the colour: #FF0000 being red and your element.
}

要素自体の中で：

<div id="element" onClick="changeColour('#FF0000','#element')">
    <p>Content</p>
</div>

jQueryを使用してこれを行う簡単な方法があります。

$('#element').click(function(){
   $(this).css({'color':'#FF0000'});
});