通过相同的ID名称分配和获取值 - javascript

我正在使用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++;
    }
?> 

结果如下:

但是如您所见,我在分配元素ID并使用javascript获取ID时使用了$num_rows。我不想使用循环为元素分配uniq ID或在php标签中包含javascript。除此之外,还有什么优雅的解决方案吗?

提前致谢。

javascript大神给出的解决方案

将ID保留为用户名或实际上添加class='username'而不是ID。

<script type="text/javascript">

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

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

        $(this).editable();  

    })


</script>

执行onclick时获得意外令牌 - javascript

我正在使用onclick事件从PHP调用JS函数。这是我的代码:我在一个函数中,因此我需要通过PHP来完成它,因为然后我会返回:$html = '<input type="checkbox" checked value="1" id="setGetSku" name="se…

如何防止SQL使用单引号字符存储转义字符 - javascript

我需要存储在开头和结尾都带有单引号的文本字符串。我正在从PHP发布JavaScript命令。我将引号添加到这样的字符串中:echo '<script type="text/javascript">'; echo 'function GetCodes() {'; echo 'va…

Ajax功能后没有数据传递到URL - javascript

这是我使用Ajax将参数传递到另一个PHP页面的脚本。 $(document).on( "click",".btndriver", function() { var id = $(this).attr("id"); var nombre = $(this).attr("nombre…

提交初始化后删除某些帖子数据 - javascript

在初始化提交之后但在将数据发送到处理页面之前,是否可以过滤$ _POST表单数据?我想象过程的方式:提交->收集$ _POST数据->发送数据我想做的事:提交->收集$ _POST数据->删除某些元素->发送数据这样就不必更改处理页面以过滤掉不希望接收的元素了吗? javascript大神给出的解决方案 当然可以,您可以在JS …

ajax正在加载页面以返回POST请求 - javascript

当我通过ajax发出“ POST”请求时,返回请求时页面正在加载。我们不使用ajax阻止整个页面重新加载吗?这是我的html代码:<form method="post"> <div align="center" class="col-md-10"> <input typ…