[jQuery] 자식제외 클래스의 텍스트 선택하기

[jQuery] 자식제외 클래스의 텍스트 선택하기

선택자를 사용하여 .content의 안녕만 나오게 하는 방법

.content 안녕
	.content-box 하세요
		.box 반갑
		.box 습니다.

var text = $('.content').html().split('<');
console.log(text[0]);
// '안녕'만 출력된다.

• 설명

1. .html() 로 선택한 요소안의 내용을 가져온다.

var text1 = $('.content').html();
console.log(text1);
//결과: 안녕<div class="content-box">하세요<div class="box">반갑</div><div class="box">습니다.</div></div>

2. 선택된 요소를 '<'을 기준으로 분할 한다.

var text2 = $('.content').html().split('<');
console.log(test2);
//결과: (7) ["안녕", "div class="test2">하세요", "div class="test3">반갑", "/div>", "div class="test3">습니다.", "/div>", "/div>"]

// 길이가 7개짜리 배열이 만들어진다.

3. 배열의 첫번째 요소를 가져온다.

var text = $('.content').html().split('<');
console.log(text[0]);
//결과: 안녕

자식 제외하고 내가 선택한 클래스의 텍스트만 선택하기

$('선택하고자 하는 클래스').html().split('<')[0];




https://github.com/sooojungee/TIL/blob/master/jQuery/180622_%5BjQuery%5D%20%EC%9E%90%EC%8B%9D%EC%A0%9C%EC%99%B8%20%ED%81%B4%EB%9E%98%EC%8A%A4%EC%9D%98%20%ED%85%8D%EC%8A%A4%ED%8A%B8%20%EC%84%A0%ED%83%9D%ED%95%98%EA%B8%B0.md