JavaScript를 사용하여 여러 ASP UserControl로 ID 찾기

Question

나는 ASP 사용자 정의 컨트롤 이름이 ListItem입니다. 각 ListItem가 2 개 ASP 컨트롤이 있습니다 레이블 lblIndex과 버튼 내 페이지에서 btnAction

을, 나는 패널에 10 ListItem을로드하고 각 ListPanel에 lblIndex 적절한 인덱스를 설정합니다.

ListItem 1 : lblIndex.value = '#1' 
ListItem 2 : lblIndex.value = '#2' 
... 
ListItem 10 : lblIndex.value = '#10' 

어떻게 내가하는 ListItem의 버튼을 클릭하여 해당 lblIndex의 값이 (AN Alert()을 통해) 나타납니다 때마다 자바 스크립트를 쓰기 않습니다. 나는. 두 번째 ListItem의 btnAction을 클릭하면 '# 2'라는 텍스트가 나옵니다.

는

Answer 1

, 당신의 인생을 촉진하기 위해 자바 스크립트를 작성할 때 jQuery 사용 감사드립니다.

을 : 염두에두고 있다는 점에서

은의 당신이해야합니다 그래서 마지막에 당신이 list-item 명명되어 있다고 가정 해 봅시다, 당신은 클래스를 가지고 있는지 확인 ...의 당신의 ListItem 컨트롤이 id와 ul 목록을 출력한다고 가정하자 이제

<div id="ListItem_1" class="list-item"> 
    ... 
</div> 

, 당신은

<div id="ListItem_1" class="list-item> 
    <input id="ListItem_1_Button_1" type="button" value="I'm a Button" /> 
</div> 

다시 한번, 명시 적으로 예를 들어, 그 버튼 클래스 이름을 ... 당신이 목록 안에 버튼 어떤 종류의 말 : inside-button

난 당신이 모든 텍스트를 얼마나 잘 모르겠지만, 내가 다시 그에게 경고 할 텍스트와 hiiden이 필드를 가정합니다 ...

어떤 것을 같은 :

<div id="ListItem_1" class="list-item> 
    <input id="ListItem_1_Button_1" type="button" value="I'm a Button" /> 
    <input id="ListItem_1_Hidden_1" type="hidden" class="text" value="Text to run" /> 
</div> 

당신은 몇 가지 버튼 (10 개) 목록을 가정 할 수 있습니다 간단한 쓰기 : 1의 선은 말한다

$(".inside-button").bind("click", function() { 
    // a button was clicked, let's do something 
}); 

것을 "inside-button의 클래스 이름에있다의 Foreach DOM 요소를

클릭 이벤트 "를 타코미터 당신은 당신이 당신의 질문에서

를 수행 할 작업을 해고 안에, 당신은 단지 그 목록에 무엇인가를 수행 할 :

$(this) // that will be the .inside-button element, so the Button 
    .closest(".list-item") // get me the closest DOM element with a class name of "list-item" 
    .find(".text") // find the DOM elemnt with the class name "text" 
    .val(); // let's see what value that element has 

그때 당신이 그것을 alert() 수 있습니다. 모두 함께

:

$(".inside-button").bind("click", function() { 
    // a button was clicked, let's do something 
    var txt = $(this).closest(".list-item").find("text").val(); 
    alert(txt); 
});