이것은 내 html 코드입니다 .. 아래 코드에서 나는 동일한 배경색을 가진 두 개의 td를 가지고 있습니다. 그래서 두 개의 td 중 하나를 클릭하면 jquery를 사용하여 배경색을 변경해야합니다. ?? 할 수 있습니까 ????
<table id='main_table' style='width:1002px; border: 1px solid #ccc;'>
<thead>
<tr class='ab'>
<td style='width:500px; background-color:#398bb7; color:white;' onclick=\"Consituteshow('"+cityid+"');\">By Constituency</td>
<td style='width:500px; background-color:#398bb7; color:white;' onclick=\"Partyshow('"+cityid+"');\">By Party</td>
</tr>
</thead>
</table>
이 키워드 사용
$('#main_table tr.ab td').click(function () {
$(this).css('background-color', '#398bb7');
});
두 td의 배경색을 변경하려면
$('#main_table tr.ab td').click(function () {
$(this).siblings().add(this).css('background-color', '#398bb7');
});
$('#main_table tr.ab td').click(function () {
$(this).parent().find('td').css('background-color', '#398bb7');
});
OP의 코멘트 후 업데이트
사용 ) (CSTE 연구진
요소가 동적으로 추가되므로 DOM 준비 또는 페이지로드시 표시되지 않습니다.
따라서 이벤트 위임 을 사용해야합니다.
통사론
$( elements ).on( events, selector, data, handler );
js
$(function () {
$(document).on('click', '#main_table td', function () {
$("#main_table tr td").css("background-color", "#398bb7");
$(this).css("background-color", "#FF00FF"); //Add your color
});
});
$(function () {
$(document).on('click', '#main_table td', function () {
$("#main_table tr td").removeClass('active');
$(this).addClass('active');
});
});
CSS
.active {
background-color:green;
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다