jQuery从while循环中获取值，并在没有单击的情况下将其显示在另一个div中

Question

如何让jQuery从while循环中获取值并将其显示在另一个div中？

我知道我应该用PHP做，但我想用jQuery显示它。

<? while($commentresult = $commentdata->fetch_array(MYSQLI_ASSOC)) { ?>

    <div class="show_url"></div>
    <a href="<? echo $commentresult['comment']; ?>" class="get_url_comments" target="_blank"></a>

<? } ?>

$(document).ready(function() {
    var getUrl = $('.get_url_comments').attr('href');
    $(".show_url").text("Click This" + getUrl);
});

Answer 1

为此，您可以根据以下text()设置.show_url元素的.get_url_comments。试试这个：

$(document).ready(function() {
    $(".show_url").text(function() {
        return $(this).next('.get_url_comments').attr('href');
    });
});

您应该注意，直接在PHP中执行此操作会是很多更好的想法：

<? while($commentresult = $commentdata->fetch_array(MYSQLI_ASSOC)) { ?>
    <div class="show_url"><? echo $commentresult['comment']; ?></div>
    <a href="<? echo $commentresult['comment']; ?>" class="get_url_comments" target="_blank"></a>
<? } ?>

Answer 2

试试这个..

$(document).ready(function() {
    $('.get_url_comments').map(function(guc){
         var el = $(guc);
         var url = el.attr('href');
         el.prev().text("Click This" + url);
         // or
         el.prev().html("Click This" + url);
    });
});