스크립트 질문
본문
function inputTagList(){
var linCnt = $(".tagListIpt ul li.tag").length;
var tag = '';
for(var i=0; i<linCnt; i++){
var j = i+1;
if(!tag){
tag = $(".tagListIpt ul li:nth-child("+j+") span").html();
}else{
tag += ','+$(".tagListIpt ul li:nth-child("+j+") span").html();
}
}
tag = tag.replace(" ", "");
console.log('after replace : '+tag);
$("#it_7").val(tag);
}
이 스크립트가요
.tagListIpt ul li.tag를 배열화 시켜서
내용이 있을 경우 내용, 내용, 내용 이렇게 만든 후
빈 문자열 제거하고 #it_7에 value 값으로 넣어준다 이게 맞나요?
답변 1
function inputTagList(){
// ".tagListIpt ul li.tag" 엘리먼트 개수를 가져옵니다.
var linCnt = $(".tagListIpt ul li.tag").length;
// 빈 변수
var tag = '';
// 위에서 가져온 개수("linCnt") 변수만큼 반복합니다.
for(var i=0; i<linCnt; i++){
// 반복문이 돌때 j의 값을 1씩 증가시킵니다.
var j = i+1;
if(!tag){ // 변수 "tag"의 값이 있으면
// 초기에 "tag"의 값이 없기 때문에 가장 처음 루프는 여기를 타게 됩니다.
tag = $(".tagListIpt ul li:nth-child("+j+") span").html();
}else{ // 위의 변수 "tag"의 값이 없으면
// 두번째 반복문 부터는 여기를 타게 됩니다.
tag += ','+$(".tagListIpt ul li:nth-child("+j+") span").html();
}
}
// 위에서 반복문으로 가져온 태그안의 값에 공백을 제거합니다.
tag = tag.replace(" ", "");
// 콘솔에 출력
console.log('after replace : '+tag);
// "#it_7" 엘리먼트의 값을 위에서 반복한 "tag" 변수를 넣습니다.
$("#it_7").val(tag);
}
답변을 작성하시기 전에 로그인 해주세요.