서비스를 유지보수 하려 스크립트를 보다보면 name*=”value” 이렇게 생긴 선택자가 있다.
예)
$("input[name*=arr]").prop("checked",true);
이렇게 하는 이유는 "arr" 문자열을 포함하는 값으로 지정된 속성이있는 요소를 선택하기 위해서다.
즉 name에 "arr"이 포함된 모든 input 을 선택하게된다.
이 선택자는 아주 관대한 jQuery 속성 선택기이다.
아래 코드와 같이 지정한 문자열을 포함하면 모두 선택해준다..
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>attributeContains demo</title>
<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
</head>
<body>
<input name="man-news"> --> 값이 들어간다.
<input name="milkman"> --> 값이 들어간다.
<input name="letterman2"> --> 값이 들어간다.
<input name="newmilk">
<script>
$( "input[name*='man']" ).val( "has man in it!" );
</script>
</body>
</html>
고로,,
작업이 필요해 태그를 추가하거나 수정하려는 경우 같은 이름이 겹치지 않게 주의해야한다!!
더 관대한 선택자로는 e.g. [attr~="word"] 가 있다고한다~!
'프로그래밍' 카테고리의 다른 글
| [완전체] JAVA + ORACLE + inset, update, delete, select (0) | 2021.06.24 |
|---|---|
| [ORACLE] UPDATE 문에 ORDER BY 사용하기 (0) | 2021.06.24 |
| [SpringBoot] Summernote 이미지 다중 업로드! (0) | 2021.04.06 |
| [SPRING 카카오톡 로그인] #1 코드 작성 (0) | 2021.02.23 |
| [SPRING 카카오톡 로그인] #1 개발자사이트 설정 (0) | 2021.02.23 |