Skip to content

指定した連続する要素の、最初と最後の要素に任意のclassを付与する(レガシーブラウザ用)。

Notifications You must be signed in to change notification settings

suginoki45/jquery.setClasses.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 

Repository files navigation

jquery.setClasses.js

指定した連続する要素の、最初と最後の要素に任意のclassを付与する(レガシーブラウザ用)。

##Description このプラグインは、指定した連続する要素の、最初と最後の要素に任意のclassを付与します。
first-childやlast-childなどの擬似要素が使用できないレガシーブラウザ向けのプラグインです。

##Usage

  1. 対象となる連続する要素を囲む、大枠のブロック要素に初期化の指定をします。class名は任意で結構です。
  2. 子要素に共通のclass名を指定すると(デフォルトは'setTarget')最初と最後の要素に任意の名前で(デフォルトは最初:'first', 最後:'last')のclassを付与することが出来ます。

###html

デフォルトで使用する場合は、以下の通り記述してください。

<div class="targetWrapper">
	<div class="setTarget">
		テキストテキストテキストテキスト
	</div>
	<div class="setTarget">
		テキストテキストテキストテキスト
	</div>
	<div class="setTarget">
		テキストテキストテキストテキスト
	</div>
	<div class="setTarget">
		テキストテキストテキストテキスト
	</div>
</div>

###javascript

デフォルトで使用する場合は、以下の通り記述してください。

$(function() {
    $('.targetWrapper').setClasses();
});

##Options

オプション名 デフォルト 説明
target setTarget 対象の連続するブロックに付与するclass
firstClass first 最初の要素に付与するclass
lastClass last 最後の要素に付与するclass

###Example

$(function() {
    $('.targetWrapper').setClasses({
    	target : '.yourTargetClass',
    	firstClass : 'yourFirstClass',
    	lastClass : 'yourLastClass'
    });
});

##Copyright

Copyright (c) 2014 Yuki Sugitani

About

指定した連続する要素の、最初と最後の要素に任意のclassを付与する(レガシーブラウザ用)。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published