jquery - 更改自定义模板中的 href

Question

不知道是否有人能抽出几分钟来帮助我:

在我的 cshtml 页面中，我有一个“隐藏模板”

<script id="hidden-template" type="application/x-custom-template">
    <a href="#"  class="qualURL course">
        <div class="course_wrap">
            <h2>
                <span><i class="fulllevel"></i></span>
                <span class="title"></span>
            </h2>
            <div class="details">
                <div class="level"></div>
                <div class="arrow">
                    <span class="icon-arrow-right"></span>
                </div>
            </div>
        </div>
    </a>
</script>

使用 json，我获取一个元素列表，并使用列表中每个项目的属性来更改此模板内的值，然后将模板的每个实例附加到位于 cshtml 文件中其他位置的容器中。

$.ajax({
    url: qualURL,
    type: 'GET',
    cache: false,
    contentType: 'application/json; charset=uft-8',
    success: function (results) {
        globalSearchResult = jQuery.parseJSON(results); //this calls a controller and returns a list of items
        ListResultsAndFilter();
    },
    error: function (badResults) {
        alert("An error has occurred");
    }
});


function ListResultsAndFilter() {
//clear out prior to fresh loading
$('.results').html("");

//loop through and load into containing div
$.each(globalSearchResult, function (i, item) {
    var qualItem = item;
    //add filtration here
    var result = true;
    //above added for initial loading/testing
    var item = $(template).clone();

    if (result) {

        //build the URL 
        var zPath = qualItem.qualificationName;
        zPath = zPath.replace(/[^a-zA-Z0-9 ]/g, '');
        zPath = replaceAll(zPath, '   ', '-');
        zPath = replaceAll(zPath, ' ', '-');
        zPath = replaceAll(zPath, '--', '-');

        $(item).find('.title').html(qualItem.qualificationName);
        $(item).find('.level').html(qualItem.qualificationLevel);
        $(item).find('.fulllevel').html(qualItem.discipline);
        $(item).find('.qualURL').attr('href', qualItem.qualificationName);


        //append this qualification to the results container
        $('.results').append(item);

    }

});
};

正如您所看到的，对于列表中的每个项目，我正在克隆模板并通过按类名称查找元素来更改 HTML 的值，除了我无法更改 anchor 链接的 href 值(类名 qualURL) 我没有收到任何控制台错误，但 href 仍为 #。

有人有什么想法吗？

谢谢，

Answer 1

您的模板似乎是 .qualURL anchor ...

因此，只需删除 href 更改的 .find('.qualURL') 即可，因为它会在您模板的子级。

$(item).attr('href', qualItem.qualificationName);