indexOf - 를 이용한 substring

제이쿼리에서 제공하는 다양한 메서드를 통해서 css의 위치값을 가져올 수 있지만, 직접 substring으로 Number를 가져와보자.

 

var myX = $(".textImg0").css("left");
var myY = $(".textImg0").css("top");

console.log(myX ); // 750px

var findIndexX = myX.indexOf("p");
var findIndexY = myY.indexOf("p");

var compleX = Number(myX.substring(0, findIndexX));
var compleY = Number(myY.substring(0, findIndexY));

console.log(compleX); //750

 

 

1 : myX, myY에 css 값을 좌변에 받은뒤

6 : 750px 의 p 까지만 indexOf로 조회, 결과는 "3" 이다. (0,1,2,3의 3)

9 : 많은 문자열 추출 메서드가 있지만(substr, slice, substring 등..) substring의 경우 (0, index-1)이므로

    (0, findIndex) 로 "p"로 검색한 바로 앞글자까지 추출

12 : 결과를 보면 750