채택완료

리스트에서 클릭할때 클릭한 값 가져오기

2019-02-26 (화) 17:18:44 10,732
Copy
<li class="name">철수</li>

<li class="name">영희</li>

...

*100

<li class="name">영구</li>

이런식으로 있을때 제가 클릭한곳의 이름을 가져오려면

jquery기준

Copy
$(document).on("click",".name",function(){

var a = $(this).text();

console.log(a);

});

이런식일텐데

contentmenu를 할떄는 잘안되네요

Copy
$(document).on("contextmenu",".name",function(e){

$("#userInfo").css("display","block");

a = $(this).text();

 

<div id="userInfo">

이러면 맨앞값이 나오는데 왜그럴까요?

|

답변 2개

채택된 답변
+20 포인트

$(document).on("click",".name",function(){
var a = $(this).text();
console.log(a);
});

이렇게 쓰신게 맞는거같은데요? 어떤값을 가져올려는지는 잘모르겠지만.. text만가져오는거면 위에 하신거처럼하시면되고..

wr_id를 가져오고싶다면 <li class="name" data-id="<?=$list[$i]['wr_id']?>">영희</li>라고 쓰고

$(document).on("click",".name",function(){
var a = $(this).data('id');
console.log(a);
});

이렇게 가져오면되고..

wr_1를 가져오고싶다면 <li class="name" data-value="<?=$list[$i]['wr_1']?>">영희</li>라고 쓰고

$(document).on("click",".name",function(){
var a = $(this).data('value');
console.log(a);
});

이런식으로 값을 가져오게하셔도됩니다.

2019-02-26 (화) 17:41:40

contextmenu 이건 이벤트가 안니실텐데요

그대로 클릭으로 가시고  contextmenu 클래스라면 .name 부분에 .contextmenu 로 변경해보세요

답변을 작성하려면 로그인이 필요합니다.