https://www.shopch.jp/com/js/jquery.heightLineList.js?ver=6.04.0

1(function($){
2	jQuery.fn.extend({
3		heightLineList: function(options){
4			var parentObj = this;
5
6			var conf = {
7				heightLineEle: ''
8			}
9
10			conf = jQuery.extend({}, conf, options);
11		
12			var main = function(){
13				setEvent();
14			};
15	
16			var setEvent = function(){
17				parentObj.each(function(){
18					var parentClass = parentObj.attr('class').split(" ");
19					var parentObjName = $(this).attr('id')? parentObj.attr('id'): parentClass[parentClass.length - 1]
20					
21					parentObj.children().each(function(){
22						liEle = parentObj.children().index(this);
23						lineNum = Math.floor(parentObj.innerWidth() / parentObj.children().innerWidth());
24						liIndexFloor = Math.floor(liEle / lineNum);
25						
26						if(conf.heightLineEle != ''){
27							$(this).find(conf.heightLineEle).removeAttr('style');
28							$(this).find(conf.heightLineEle).removeClass().addClass(conf.heightLineEle.replace(/^\./, '') + ' liEle' + parentObjName.replace(/js\-/, '') + conf.heightLineEle.replace(/\.|\#/, '') + liIndexFloor);
29						}else{
30							$(this).removeAttr('style');
31							$(this).removeClass().addClass('liEle' + parentObjName.replace(/js\-/, '') + liIndexFloor);
32						}
33					});
34
35					heightLineRun = function(){
36						for(i = 0; i < liIndexFloor+1; i++){
37							if(conf.heightLineEle != ''){
38								$('.liEle' + parentObjName.replace(/js\-/, '') + conf.heightLineEle.replace(/\.|\#/, '') + i).heightLine();
39							}else{
40								$('.liEle' + parentObjName.replace(/js\-/, '') + i).heightLine();
41							}
42						}
43					}
44				
45					heightLineRun();
46				});
47			};
48			
49			main();
50		}
51	});
52})(jQuery);
53