从相同的ID名称分配和获取值

时间:2014-10-22 20:48:58

标签: javascript php jquery getelementbyid x-editable

我正在使用x-editable http://vitalets.github.io/x-editable/index.html一个jquery inplace编辑器。目前我有一个如下工作代码:

<?php
    $num_rows = 1;
    // store the record of the "tblstudent" table into $row
    while ($row = mysqli_fetch_array($result)) {

        echo "<script type=\"text/javascript\">
        $.fn.editable.defaults.mode = \"popup\";                       
        $('#username$num_rows').editable();          

        </script>  "; //assign num to element

        // Print out the contents of the entry

        echo '<tr>';
        echo '<td><a href="#" id="username' . $num_rows . '" data-type="text" data-pk="' . $row['id'] . '" data-url="post.php" data-title="Edit website">'; 
        echo htmlspecialchars($row['website'], ENT_QUOTES, 'UTF-8'); 
        echo '</a></td>';
        echo '</tr>';
        $num_rows++;
    }
?> 

以下结果如下:

enter image description here

但正如您所见,我使用$num_rows分配元素ID并使用javascript获取ID。我不想使用循环将uniq ID分配给元素或在php标记中包含javascript。有没有比这更优雅的解决方案?

提前致谢。

1 个答案:

答案 0 :(得分:1)

将id保存为用户名或实际添加class='username'而不是id。

<script type="text/javascript">

    $.fn.editable.defaults.mode = "popup"; 

    $('.username').click(function(){

        $(this).editable();  

    })


</script>