jquery- how to detect element value when onclick?

Question

how do i bring the tr value into .click event? i want to be able to pass the tr id into updatedb.php as well- for sql updating

enter

<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>

here

Hi, jeditable don't have successor. I finally manage to get the value into global. But now facing another issue. Jeditable doesn't allow me to pass in extra value...

I tried editable('updatedb.php?test=123' then echo "START" . $_POST['test'] . "END"

I also tried other way, not working.

Seems the html itself is very strange. you have a tr but without td, and you put the span inside and a br after that... I suggest you format your html properly first. — xandy
– xandy, Commented Jul 10, 2009 at 4:50

dyve · Accepted Answer · 2009-07-15 14:56:39Z

5

You may want to check out the jQuery plugin jEditable, the successor to editable. Link: http://www.appelsiini.net/projects/jeditable

Back to your question, you can get the id of the TR node in your example by asking for the attribute using either parent(), closest() or parents(). I'd recommend against parent() because it expects you to leave the HTML nested exactly like in your example. Better to use parents() or closest() with a filter.

$(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"
        });
    });
}

edited Jul 15, 2009 at 14:56

answered Jul 10, 2009 at 4:53

dyve

6,0632 gold badges32 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Shiva Srikanth Thummidi · Accepted Answer · 2009-07-15 12:14:04Z

4

$(".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);

});

edited Jul 15, 2009 at 12:14

answered Jul 10, 2009 at 4:48

Shiva Srikanth Thummidi

2,9084 gold badges27 silver badges36 bronze badges

1 Comment

RaYell Over a year ago

if you want to return 1 or 2 then you should use $(this).parent().parent().attr("id") cause first parent is td, and parent of that is tr which holds id value

Collectives™ on Stack Overflow

jquery- how to detect element value when onclick?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related