javascript에서 'this'를 한 함수에서 다른 함수로 전달 하시겠습니까?

Question

function removeNewsItem(id,idStamp,obj){ 
$('#whiteCover')show(); 

$('#contentOfBox').html= ('Are you sure you want ot completely remove this news item?<br/><br/><div style="text-align:center;"><input type="button" class="button blue medium" onclick="removeNewsItemConfirmed(\'' + id + '\',\''+idStamp+'\','+**obj**+')" value="Yes"/> <input type="button" class="button red medium" value="No" onclick="resetContentBox();"/></div>'); 

$("#whiteCoverContainer").fadeIn(); 
} 

function removeNewsItemConfirmed(id,idStamp,obj){ 
    alert(obj); 
    $(obj).remove(); 
    return; 
} 

<tr><td onclick=removeNewsItem('111','134234',this)></td></tr> 

removeNewsItem을 사용하여 td를 클릭하면 'this'요소를 다음 함수로 전달할 수없는 것처럼 보입니다. 사용자가 클릭하면 삭제를 확인하는 메시지가 표시됩니다 그들이 그것을 클릭하면 'this'는 properl, 또는 더 많은 것을 fleure 할 수없는 point에 건네지 못하고 있습니다 ...

누군가 도와주세요 : 어떻게 다른 인라인 onclick 이벤트에 obj를 전달할 수 있습니까? 위처럼?

Answer 1

은 클릭 된 요소를 기준으로합니다. 자체 onclick 핸들러가있는 새 요소를 추가하면 this이 참조됩니다. 그것을 만든 사람이 아닙니다.

그래서 이것은 당신이

onclick="removeNewsItemConfirmed(\'' + id + '\',\''+idStamp+'\','+**obj**+')" 

이 대신 당신이 추적 할 수있는 기준을 만들 필요가 생각하는 방식으로 작동하지 않습니다.

function removeNewsItem(id,idStamp,obj){ 
    $(obj).addClass('markedForDeletion'); 
    $('#whiteCover')show(); 
    $('#contentOfBox').html= ('Are you sure you want ot completely remove this news item?<br/><br/><div style="text-align:center;"><input type="button" class="button blue medium" onclick="removeNewsItemConfirmed()" value="Yes"/> <input type="button" class="button red medium" value="No" onclick="resetContentBox();"/></div>'); 

    $("#whiteCoverContainer").fadeIn(); 
} 

function removeNewsItemConfirmed(){ 
    $('.markedForDeletion').remove(); 
} 

전반적으로이 모든 것을 처리하는 훨씬 더 좋은 방법이 있지만 잘하면이 사실을 알게됩니다. (기존 마크 업을 너무 많이 변경하지 않고)과 같을 수

Answer 2

이벤트를 사용해야하는 것 같습니다. jQuery를 사용하는 경우 on()을 사용하여 속성 대신 이벤트를 첨부하십시오. More about on().

onclick 대신이 함수를 사용하면 this이 함수에 반환됩니다. 예를 들어 :

<table> 
<tr><td>123</td></tr> 
<tr><td>456</td></tr> 
</table> 

그리고 일부 JS

// Will have access to this and has ev which is the event 
function removeNewsItem(ev){ 
    var $this = $(this); 
} 

$('table').on('click', 'td', removeNewsItem); 

당신이 당신의 테이블 셀에 데이터 값을 연결해야하는 경우 당신이 할 수있는 데이터의 속성과 jQuery's data()와 그.

Answer 3

귀하의 이벤트 :

$(".newsItem").click(function(){ 
    var id = $(this).attr('id'); 
    var idStamp = $(this).attr('idStamp'); 
    $('#whiteCover')show(); 

    $('#contentOfBox').html= ('Are you sure you want ot completely remove this news item?<br/><br/><div style="text-align:center;"><input type="button" class="button blue medium" onclick="removeNewsItemConfirmed(\'' + id + '\',\''+idStamp+'\')" value="Yes"/> <input type="button" class="button red medium" value="No" onclick="resetContentBox();"/></div>'); 

    $("#whiteCoverContainer").fadeIn(); 
}); 

function removeNewsItemConfirmed(id,idStamp){    
    alert(id);    
    $("#"+id).remove();    
    return;    
}  

다음과 같이 표시됩니다 귀하의 HTML : jQuery를 방법의 적절한 사용이 아니다

<tr><td id='111' idStamp='134234' class='newsItem'></td></tr>