如何使用Jquery为表行提供唯一的类名?

时间:2016-08-13 08:01:33

标签: php jquery

我有一个通过php循环遍历mysql数据库并显示图像的表。 我希望用户能够点击他们喜欢的每个图片旁边的按钮,并在其下方显示他们的用户名而不刷新页面。

目前在我的jquery按下按钮时,用户名显示在所有图片下方,因为表格行没有唯一的类名。如何才能将用户名仅显示在单击的图片下方?

<table>
    <tbody>
        <tr class ="tags">
            <?php 

            foreach($tag_array as $tag) {

                echo "
                <td>
                    <a href=\"profile.php?user_name=".$tag." \" 
                        <span class=\"label label-default\" id=\"tag\">".$tag."</span>
                    </a>";
            }
            echo "</td>
        </tr>";
}
echo "
    </tbody>
</table>";
}
?>

jquery

$(document).ready(function() {
    $('.myForm').submit(function(e) {
        e.preventDefault();
        $.ajax({
            url: 'add_tag.php',
            type: 'POST',
            dataType: 'html',
            data: $(this).serialize(),
            success: function(response) {
                $('.tags').prepend(response);
            }
        });

        return false;
    });
});

0 个答案:

没有答案