jqueryを使用して別のリンクをクリックしてリンクを更新する

Question

JQueryを初めて使用しています。最初のリンクをクリックすると、Ajaxリクエストがサーバーに送信され、いくつかのデータが返されます。今はすべてが良いです。コールバックでは、第2リンクの表示テキストを変更したいと思います。たとえば - 6人が好きだった。私は多くを検索しましたが、それを働かせることはできませんでした。

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

2番目のリンクのテキストを変更するようなものを試しました。しかし、私はテキストを変更することはできません。私の質問は、どのようにして2番目のリンクのテキストを選択して変更するかだけです。

$(".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のより多くのリンクを持っているが、私はそれらを邪魔したくない：

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

私のAjaxコードのようなものです。私は現在のdivのsomeClass-2リンクのテキストを変更したいだけです。この

$(this).parent().children("a.someClass-2").text("new text"); 

Answer 1

なぜあなたは$(this)を使用していますか？固有の識別子を持っている場合は、それを使用してください。

$(".someClass-2").text("6 people liked it"); 

もちろん、Ajax successの機能に入れてください。

EDIT：すべての兄弟を選択すると、あなただけの次の兄弟を選択する必要がある場合は、クラスまたは.next()ことによってそれをフィルタリングするより

var dataNumber; 

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

使用.siblings()。

また、セレクタを置く場所に注意してください...あなたはclick()の機能ではなく、Ajaxコールに入れました。そのため、値が変更されています。 Ajaxで

Answer 2

変更この

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

？

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

...しかし、あなたのコードにその行をどこに入れるのかはわかりません。

Answer 3

たぶん

このような何かに

Answer 4

使用next()

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

現在の要素を持つ変数を作成：

$(".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 
        } 
      ); 
      } 

Answer 5

を私はこれがあなたに

に役立つと思います

＃some-idのすべてのsomeclass-2のhtmlを置き換えます。