jQuery- OnClick시 요소 값을 감지하는 방법은 무엇입니까?

StackOverflow https://stackoverflow.com/questions/1107699

문제

TR 값을 .click 이벤트로 어떻게 가져 오려면? SQL 업데이트를 위해 tr id를 updatedb.php로 전달하고 싶습니다.

입력하다

<head>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="jquery.jeditable.mini.js" type="text/javascript"></script>

<script type="text/javascript">

    $(document).ready(function() {

var global= ""

$('.click').click(function() {
    var $this = $(this);
    var $tr = $this.closest('tr');

alert($tr.attr('id'));
global= $tr.attr('id');

});


    $('.click').editable('updatedb.php?test=123', { 
        indicator : "<img src='indicator.gif'>",
        tooltip   : "Click to edit...",
        onblur : 'submit',
        style  : "inherit"

    });


    });

</script>

</head>
<body>      
    <tr id=1>
    <td>
        <span class="click" style="display: inline">Funny click here testing!</span>
        <br />
        </td>    
    </tr>
    <tr id=2>
        <td>    
        <span class="click" style="display: inline">Second inline!</span>
        </td>
    <tr>    
</body>
</html>

여기

안녕하세요, Jeditable에는 후임자가 없습니다. 나는 마침내 가치를 글로벌에 넣을 수 있습니다. 그러나 이제 다른 문제에 직면하고 있습니다. Jeditable은 내가 여분의 가치를 전달할 수 없습니다 ...

편집 가능한 ( 'updatedb.php? test = 123'그런 다음 에코 "시작". $ _post [ 'test']. "END"를 시도했습니다.

나는 또한 일하지 않고 다른 방법으로 시도했습니다.

도움이 되었습니까?

해결책

편집 가능한 후속 인 JQuery 플러그인 Jeditable을 확인할 수 있습니다. 링크: http://www.appelsiini.net/projects/jeditable

질문으로 돌아가서 Parent (), Closest () 또는 Parents ()를 사용하여 속성을 요청하여 예제에서 TR 노드의 ID를 얻을 수 있습니다. 나는 당신이 당신의 예에서 똑같이 중첩 된 HTML을 떠나기를 기대하기 때문에 Parent ()에 대해 추천합니다. 필터와 함께 부모 () 또는 가장 가까운 ()를 사용하는 것이 좋습니다. 

$(document).ready(function() {
    $('.click').each(function() {
        var $this = $(this);
        var $tr = $this.closest('tr');
        // Do stuff with $tr like checking it, extracting $tr.attr('id') ...
        $this.editable('updatedb.php', {
            indicator : "",
            tooltip : "Click to edit...",
            onblur : 'submit',
            style : "inherit"
        });
    });
}

다른 팁

$(".click").click(function(){

 alert($(this).text())   // Funny click here testing! or Second inline!  (o/p);
 alert($(this).parent().parent().attr("id"))  // 1 or 2 (o/p);

});
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top