반응형
* li에서 텍스트 추출, 공백제거
$(function(){
var value1 = ' abc ';
var value2 = $(":text").val();
//공백제거 전
alert("value1 : " + value1+"\n"+"value2 : " + value2);
value1 = $.trim(value1);
value2 = $.trim(value2);
//공백제거 후
alert("value1 : " + value1+"\n"+"value2 : " + value2);
})
<!doctype html>
<html lang="ko">
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<meta http-equiv="Content-Type" content="text/html";charset="utf-8"/>
<meta charset="UTF-8">
<title>Title</title>
<style>
ul{list-style-type: none;}
</style>
</head>
<body>
<ul id="menu1">
<li>철수1</li>
<li>영희1</li>
<li>길동1</li>
<li>둘리1</li>
</ul>
<ul id="menu2">
<li>철수2</li>
<li>영희2</li>
<li>길동2</li>
<li>둘리2</li>
</ul>
<script>
$("#menu2 li").each(function( index, element ) {
console.log($(this).text());
});
</script>
</body>
</html>
반응형
'프로그래밍 > Script' 카테고리의 다른 글
jquery keyup, keydown, keypress 차이 (0) | 2023.07.03 |
---|---|
document.ready() vs window.load() 차이 (0) | 2023.07.03 |
[jQuery] jQuery .data() (0) | 2023.05.30 |
[javascript] 화면 리사이즈시 사이즈 확인 및 미디어쿼리 확인 (0) | 2023.05.26 |
[javascript] 엔터키 입력 이벤트, KeyboardEvent keyCode (0) | 2023.05.26 |