Wood-Roots:blogHOMEJavascript201704/25.css()や.addClass()などの引数に関数を使うJavascript.css()や.attr()などjQueryではおなじみのメソッドですが、引数に関数を使うことができ、その返り値を値として設定できることを知りました。́∀`)実際に使ってみるとどんな感じか試してみました。DEMODEMOではjQuery3.2.1を使いましたが、1.xでも使えます。ADs.css()の引数に関数を使う以下の例は.itemのwidthを50px,100px,150px...と増やして設定する例です。引数の「index」は.itemのインデックス番号となります。0はじまりになる点を注意しましょう。'px';});.css()のほか、.attr()や.prop()でも同様の記法が可能です。.addClass()の引数に関数を使う.addClass()でも上記の.css()と同様に関数を使うことができます。以下の例は.item0,.item1,.item2...と連番のクラスを設定する例です。index;});.html()の引数に関数を使う以下の例はページのtitleを.item内に出力する例です。'です';});.html()のほか、.text()でも使えます。.val()の引数に関数を使う以下の例はinput[type=”text”]のvalueにユーザーエージェントを設定する例です。ua;});実践的な使い所いずれにしても.each()でええやん...となりそうな処理ですが、.each()の中で.each()を回してさらに...とループの入れ子地獄を防ぐことができます。.each()を多用するよりも見通しのよいコードになります...多分。index;});});ADs5年前にリリースした「Web制作者の(苦笑)」をリニューアルしました。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイトCommentsコメントはまだありません。2Archive2020年92019年182018年102017年172016年202015年212014年312013年552012年50SearchSocialAboutWeb制作会社ではたらく社畜のアウトプットです。Web制作技術のほか、雑記など。当ブログと運営者についてもっと詳しく見るプライバシーポリシーContactお問い合わせは下記フォームをご利用ください。お時間がございましたらお問い合わせの前にこちらをご一読いただけますと幸いです。Wood-Roots:blog。