반응형
jQuery: 변수를 선택기로 사용
조치를 취하고자 하는 문단의 선택 도구로 변수를 사용하는 데 문제가 있습니다.구체적으로 몇 개의 제목 요소와 같은 수의 문단이 있습니다.원하는 결과는 제목 1을 클릭하면 1항에 대한 조치를 취한다는 것입니다.개발 목적으로 제목을 클릭하면 해당 단락의 텍스트가 색을 바꾸는 간단한 사례를 만들었습니다.솔루션을 하드 코드화하면 작동하지만 선택기로 변수를 전달하면 실패합니다.
jQuery는 다음과 같습니다.
jQuery(document).ready(function($){
$(this).click(function(){
var target=(event.target.id);// Get the id of the title on which we clicked. We will extract the number from this and use it to create a new id for the section we want to open.
alert(target);// checking that we are getting the right value.
var openaddress=target.replace(/click/gi, "section");//create the new id for the section we want to open.
alert('"#'+openaddress+'"');//Confirm that the correct ID has been created
$('"#'+openaddress+'"').css( "color", "green" );//get the id of the click element and set it as a variable.
//$("#section1").css( "color", "green" );//Test to confirm that hard coded selector functions correctly.
return false;// Suppress the action on the anchor link.
});
});
경보는 다음 변수를 반환합니다.정확한 것으로 보이며 하드 코딩된 버전과 일치합니다.html은 하드코딩 버전에서 작동하기 때문에 생략했습니다. 그 쪽은 문제가 없을 것 같습니다.
제가 무엇을 잘못하고 있는지, 어떻게 바로잡아야 하는지 어떤 안내라도 해주시면 감사하겠습니다.
감사해요.
당신은 너무 복잡한 생각을 하고 있습니다.사실은 그냥.$('#'+openaddress)
.
언급URL : https://stackoverflow.com/questions/17097947/jquery-using-a-variable-as-a-selector
반응형
'source' 카테고리의 다른 글
@EnableWebSecurity와 @EnableWebMvcSecurity의 차이점은 무엇입니까? (0) | 2023.09.18 |
---|---|
자바스크립트/jQuery에서 문자열의 픽셀 길이를 결정하시겠습니까? (0) | 2023.09.18 |
MySQL 다른 테이블에 일치하는 열이 없는 행 선택 (0) | 2023.09.18 |
오류: java: java.lang.예외.Initializer 오류 IntelliJ (0) | 2023.09.18 |
쿼리, 삭제 / tbody 요소의 모든 내용을 비우시겠습니까? (0) | 2023.09.18 |