質問編集履歴

2

修正

2017/05/12 14:04

投稿

KatsukiSugiura
KatsukiSugiura

スコア335

test CHANGED
File without changes
test CHANGED
@@ -1,12 +1,8 @@
1
- jqueryでプロパティを変更するプラグインを作ろうと考えているのですが、オプションの書き換えの辺りでの利便性っています。
1
+ jqueryでプロパティを変更するプラグインを作ろうと考えているのですが、オプションの書き換えの辺りでの使い方っています。
2
2
 
3
3
 
4
4
 
5
- まずターゲットのペアレントにプラグインを利用するメソッドを指定し、変更するターゲットエレメントはコアファイルのメソッドで指定。
6
-
7
-
8
-
9
- プロパティはオプション指定プロパティ名を指定し、変更値を指定すればプロパティを書き換えるのがベストかなと考えてるのですが、最適、又は面白い法はないでしょうか?
5
+ 以下使い方宜しいでしょうか?
10
6
 
11
7
 
12
8
 
@@ -18,31 +14,29 @@
18
14
 
19
15
 
20
16
 
21
- (function(){
17
+ (function($){
22
18
 
23
- $.fn.reset_elem = function(options){
19
+ $.fn.empty_alt = function(options){
24
20
 
25
21
 
26
22
 
27
- var parent_elem = jQuery(this);
23
+ var options = $.extend(function(){
28
24
 
25
+ 'nothing':'Image nothing'
29
26
 
27
+ });
30
28
 
31
- var options = $.extend(function(){
29
+ return this.each(function(){
32
30
 
31
+ var $this = $(this);
33
32
 
33
+ if($this.attr('alt') === ""){
34
34
 
35
- 'option_name1': function(){
35
+ $this.attr('alt', options);
36
36
 
37
- // 処理
37
+ }
38
38
 
39
- });
39
+ });
40
-
41
- };
42
-
43
-
44
-
45
- },options);
46
40
 
47
41
 
48
42
 
@@ -54,18 +48,14 @@
54
48
 
55
49
 
56
50
 
57
- ------------------------------------------------
58
51
 
59
52
 
53
+ USE:
60
54
 
55
+ -------------------------------
61
56
 
57
+ jQuery('img').empty_alt({
62
58
 
63
- 利用する際:
64
-
65
- ------------------------------------------------
66
-
67
- $('target_parent_element').reset_elem({
68
-
69
- 'option_name1' : '';
59
+ 'nothing':'画像が指定されていません。'
70
60
 
71
61
  });

1

ソース追加

2017/05/12 14:04

投稿

KatsukiSugiura
KatsukiSugiura

スコア335

test CHANGED
File without changes
test CHANGED
@@ -7,3 +7,65 @@
7
7
 
8
8
 
9
9
  プロパティはオプション指定でプロパティ名を指定し、変更値を指定すればプロパティを書き換えるのがベストかなと考えているのですが、最適、又は面白い方法はないでしょうか?
10
+
11
+
12
+
13
+
14
+
15
+ 下記コアファイルソース:
16
+
17
+ --------------------------------------------------------------
18
+
19
+
20
+
21
+ (function(){
22
+
23
+ $.fn.reset_elem = function(options){
24
+
25
+
26
+
27
+ var parent_elem = jQuery(this);
28
+
29
+
30
+
31
+ var options = $.extend(function(){
32
+
33
+
34
+
35
+ 'option_name1': function(){
36
+
37
+ // 処理
38
+
39
+ });
40
+
41
+ };
42
+
43
+
44
+
45
+ },options);
46
+
47
+
48
+
49
+ };
50
+
51
+
52
+
53
+ })(jQuery);
54
+
55
+
56
+
57
+ ------------------------------------------------
58
+
59
+
60
+
61
+
62
+
63
+ 利用する際:
64
+
65
+ ------------------------------------------------
66
+
67
+ $('target_parent_element').reset_elem({
68
+
69
+ 'option_name1' : '値';
70
+
71
+ });