[jQuery] 속성 또는 속성 값으로 선택하기

jQuery 속성 값으로 선택하기

---

JSTL forEach문으로 케이크 게시글 목록들을 나열 해놓은 상태

하트를 누르게 되면 게시글 테이블의 좋아요 개수가 증가하고 본문의 하트모양을 빈 하트에서 꽉 찬 하트로 바꾸기 위해 해당 class 값을 꽉 찬 하트 값으로 바꿔주어야 했습니다.

ajax에서 주어진 값은 pbNum(게시글 번호)

<input type="hidden" id="pbNum" value="${newArrival.pbNum}" >

본문에서는 이렇게 들어가 있는 상태

이 Type이 hidden인 input 태그를 찾아서 해당 케이크만 하트 클래스를 바꾸어 주어야 하는 상황이였습니다.

사용 방법

---

// alt 값이 이미지 설명 값에 해당하는 것을 찾을 때
$('img[alt=이미지 설명]')
// 이미지 중 alt값을 가진 것만 찾을 때
$('img[alt]')
// input 엘리먼트들 중 값 안의 내용이 content라는 내용을 포함하고 있는 input 엘리먼트들이 해당
$('input[value*=content]')
// 이미지 엘리먼트들 중 값 안의 내용이 img라는 내용으로 시작되는 이미지 엘리먼트들이 해당
$('img[src^=img]')
// 이미지 엘리먼트들 중 값 안의 내용이 .png라는 내용으로 끝나는 이미지 엘리먼트들이 해당
$('img[src^=.png]')
// [조건이 두개도 가능하다] input 엘리먼트들 중 라디오 버튼들 중에 체크되어 있는 input 엘리먼트들이 해당
$('input[type=radio][checked=checked]')
// 제외한 것을 찾을 경우 : 타입이 라디오가 아닌 것
$('input[type!=radio]')

$('input[value*='+json.pbNum+']').parent().find('.heart').attr('class', 'heart fa fa-heart');

input타입 중 value가 json에서 받아온 pbNum을 찾아서 해당 클래스 값을 변경해주었습니다.