gpt4 book ai didi

javascript - 更改 HTML 的 JQuery Closest 方法

转载 作者:行者123 更新时间:2023-11-30 10:37:17 25 4
gpt4 key购买 nike

我正在做一个项目,我的 View 中有两个 anchor (用于投票功能),

我有一个 div,里面有一个 <ul>并在 3 <li>我有支持投票的 anchor ,投票数(in <h2>)和锚定downvote分别

我想要的功能是当我点击任何 anchor 时,h2 html 显示投票计数,我已经实现了该功能但是因为

  • 我无法做到这一点,这是我的 View

    <div class="voting" style="margin-left:20px;">
    <ul>
    <li class="addvote"><a href="#" class="voteAnswer" answerid="@answer.AnswerID" name="Voted">
    Up</a></li>
    <li class="votecounter">
    <h2>
    @answer.AnswerLikes.Where(a => a.IsActive == true).Count()</h2>
    </li>
    <li class="subvote"><a href="#" class="voteAnswer" answerid="@answer.AnswerID" name="Voted">
    Down</a></li>
    </ul>
    </div>

    这是我的JS

    $(".voteAnswer").click(function (event) {
    var answerid = $(this).attr('answerid');
    var name = $(this).attr('name');
    var id = $(this).attr('id');
    var output = $(this);

    $.ajax({
    url: ResourceAjaxUrl.VoteUnvoteTheAnswer,
    type: "POST",
    data: JSON.stringify({ answerID: answerid }),
    dataType: "html",
    contentType: "application/json; charset-utf-8",
    success: function (Result) {
    alert("Voted");
    // $(output).html("Voted (" + Result + ")");
    $(output).closest("li").find("h2").html(Result);
    $(output).attr("name", "Voted");
    },
    error: function (msg) {
    alert("Unable to Vote answer: " + msg);
    }
    });
    event.preventDefault();
    });

    我试过使用 $(output).closest("li").find(".votecounter")但还是不行

  • 最佳答案

    UL 是最近的共同祖先。

    尝试:

    $(output).closest("UL").find(".votecounter")

    关于javascript - 更改 HTML 的 JQuery Closest 方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13216962/

    25 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com