javascript - 使用jquery更新点击另一个链接的链接

Question

我是 JQuery 新手。当我单击第一个链接时，它会向服务器发送 Ajax 请求并返回一些数据。到目前为止一切都很好。在回调中，我想更改第二个链接的显示文本。例如 - 6 人喜欢它。我搜索了很多但无法正常工作。

<div class="container" id="some-id">
    <a class="someclass-1">Like</a>
    <a class="someClass-2">5 people liked it</a>
</div>

我尝试了类似更改第二个链接的文本的操作。但我无法更改文本。我的问题是如何选择和更改第二个链接的文本。

$(this).closest('div').find('.someClass-2').html('6 people liked it');

我的 Ajax 代码是这样的:

$(".someClass-1").click(function(e) {
      if ($(this).html() == "Like") {
          var parameters = { statusId: $(this).closest('div').attr('some-id')};
          $.get(
              "/like",
              parameters,
              function(data) { 
               $(this).closest('div').find('.someClass-2').html( data + ' people liked it.');
              }
          );
      }

我在页面上有更多类 someClass-2 的链接，但我不想打扰它们。我只想更改当前 div 中 someClass-2 链接的文本。

Answer 1

使用next()

$(this).next('.someClass-2').html('6 people liked it');

使用 ajax 创建一个包含当前元素的变量:

$(".someClass-1").click(function(e) {
      var el =  $(this);///see here
      if ($(this).html() == "Like") {
          var parameters = { statusId: $(this).closest('div').attr('some-id')};
          $.get(
              "/like",
              parameters,
              function(data) { 
              el.next('.someClass-2').html( data + ' people liked it.');//if you use $(this) i will refer to the ajax object
              }
          );
      }

或:

 $(".someClass-1").click(function(e) {
          var el =  $(this);///see here
          if ($(this).html() == "Like") {
              var parameters = { statusId: $(this).closest('div').attr('some-id')};
              $.get(
                  "/like",
                  parameters,
                  function(data) { 
                  el.parent().find('.someClass-2').html( data + ' people liked it.');//if you use $(this) i will refer to the ajax object
                  }
              );
          }