jquery 태그 클릭 이벤트

jquery 태그 클릭 이벤트

검색 시 사용자 정보를 표시하는 코드를 만들고 있습니다.사용자 정보는 에 표시됩니다.fieldset, 이미지, 이름, 성, 프로필 정보는 거의 없습니다.가 나타나 있으며, 아래쪽에fieldset, 친구 추가 하이퍼링크가 있습니다.

<a href="#" id="aaf">add as friend</a>

지금은 jquery를 사용하고 싶습니다.$post()다른 페이지와 상호 작용하는 메서드입니다.그 사용자 안에 숨겨진 필드도 있습니다.fieldsetuser id 값을 가지는.이제, 내가 클릭 기능을 만들 때jquery, 다른 숨겨진 필드 값에 액세스할 수 없습니다.이제 이 기능을 달성하는 방법을 알고 싶습니다.코드 집합 안에 숨겨진 필드의 값을 얻을 수 있는지 확인하기 위해 이렇게 했습니다.

$(document).ready(function () {
    $("a#aaf").bind('click', function () {
        alert($("#uid").val());
    });
});

하지만 난 단지 첫번째의 가치를 얻고 있을 뿐입니다.fieldset, 다른 사람들이 아닌이것에 대해서 안내 부탁드립니다.

EDIT: 태그 클릭 이벤트마다 얻는 방법은?여기에 코드를 좀 더 넣겠습니다.

<?php foreach($query->result() as $row){?>
<fieldset>
    <legend>
        <?php echo $row->firstname.' '.$row->lastname;?>
    </legend>
    <img src='<?php echo $row->profile_img_url;?>'/><br>
    <a href="#" id="aaf">add as friend</a>
    <input name="uid" type="hidden" value='<?php echo $row->uid;?>' id="uid">
</fieldset>

<a href="javascript:void(0)" class="aaf" id="users_id">add as a friend</a>

잡동사니로

$('.aaf').on("click",function(){
  var usersid =  $(this).attr("id");
  //post code
})

//다른 방법은 데이터 속성을 사용하는 것입니다.

<a href="javascript:void(0)" class="aaf" data-id="102" data-username="sample_username">add as a friend</a>

잡동사니로

$('.aaf').on("click",function(){
    var usersid =  $(this).data("id");
    var username = $(this).data("username");
})

숨겨진 필드에 중복된 ID가 있으므로 jQuery는 세트의 첫 번째 ID만 반환하기 때문입니다.그들에게 대신 수업을 해줘요, 예를 들어요..uid다음을 통해 그들을 붙잡습니다.

var uids = $(".uid").map(function() {
    return this.value;
}).get();

데모:http://jsfiddle.net/karim79/FtcnJ/

EDIT: 출력이 다음과 같다고 말합니다(ID가 클래스로 변경되었음을 알려드립니다).

<fieldset><legend>John Smith</legend>
<img src='foo.jpg'/><br>
<a href="#" class="aaf">add as friend</a>
<input name="uid" type="hidden" value='<?php echo $row->uid;?>' class="uid">
</fieldset>

클릭한 앵커에 대해 'uid'를 대상으로 지정할 수 있는 방법은 다음과 같습니다.

$("a.aaf").click(function() {
    alert($(this).next('.uid').val());
});

중요: 중복된 ID가 없어야 합니다.그들은 문제를 일으킬 것입니다.그들은 무효이고 나쁘며 당신은 그것을 하지 말아야 합니다.

필드 집합의 숨겨진 필드는 모두 동일한 ID를 사용하므로 jquery는 첫 번째 ID만 반환합니다.이를 해결하기 위한 한 가지 방법은 카운터 변수를 생성하여 각 숨겨진 필드 ID에 연결하는 것입니다.

언급URL : https://stackoverflow.com/questions/4294484/jquery-a-tag-click-event