无法使用 jquery 将新 url 加载到 href 属性

Question

我正在使用 jquery 使用 $.each 函数更改所有锚标记的 href 属性。 我可以在控制台中获取新的 href，但是当单击元素时，它不会重定向到更改的新 url。

$(".section-icons").each(function () {
    var newHref = $(this).find("a").attr("href");
    newHref += "?currentMod=sales_target";
    console.log(newHref);
    $(this).find("a").attr("href", newHref);
});

<div class="section-icons">
    <a href="sales-target-revenue-wise.php">
        <div class="modules-icons-dd">
            <img src="<?=$dir_path?>images/module-icons/sales-target-revenue-wise-icon.png" />
        </div>
        <div class="section-text">Revenue Wise Sales Target</div>
    </a>
</div>

Answer 1

这样做：

$(document).ready(function () {
    $(".section-icons").each(function () {
        var newHref = $(this).find("a").attr("href");
        newHref += "?currentMod=sales_target";
        console.log(newHref);
        $(this).find("a").attr("href", newHref);
    });
});

你需要在 DOM 准备好之后再做。

另外，您的脚本需要包含在<script></script>

Demo