Question

使用以下代码显示其他页面的文字

    $.ajax({
        url: 'topic/ginger.php',
        success: function (data) {
            data = $(data).find('div#display');
            $('.res h2').html(data);
                        }
    });

               <a href="topic/ginger.php">
                    <div class="res" id="content" style="background-color:rgb(50, 190, 166)">
                        <h2></h2>
                    </div>
                </a>

现在我有两个不同href

的div

               <a href="topic/icecre.php">
                    <div class="res"  id="content" style="background-color:rgb(224, 79, 95)">
                        <h2></h2>
                    </div>
                </a>

                <a href="topic/jelly.php">
                    <div class="res" id="content" style="background-color:rgb(92, 184, 92)">
                        <h2></h2>
                    </div>
                </a>

正如您所看到的<a href="topic/ginger.php">是ajax代码中的url，现在我有另外两个不同href的div如此不同url我该怎么做呢

Answer 1

$('.res').each(function(){
    getAjax($(this).find("h2"), $(this).parent().attr('href'));
});

function getAjax(child, link)
{
   $.ajax({
        url: link,
        success: function (data) {
        data = $(data).find('div#display');
        child.html(data);
    }
    });
}

假设你所有的div都在res类中我会认为这样做，循环遍历res类并抓住它内部的h2和它的父级的href并将它传递给你的ajax调用来完成工作。虽然没有测试过它。

EDITL刚刚看到你最新的编辑，你不能拥有ID =“content”的多个项目，所以摆脱它们并给每个类=“res”

用ajax中的href替换URL

1 个答案: