2つの異なるスパンから2つの値を取得しようとしています

Question

ちょっと私は2つの異なるスパンからクリックすると2つの値を取得しようとしています。私はベットスリップとベット数オッズを持っているいくつかのテーブルを持っています。私がやりたいことは、名前と賭け金を得て、それをjqueryの変数に格納してから、ベットスリップにプッシュします。私の唯一の問題は正しい値を得ることができないということです。ここではHTMLです：私は間違った値を取得しています

$(document).ready(function() { 
    $('#betslip, #betnum').click(function() { 
    var bet = $(this).text(); 
    var num = $(this).text(); 
    alert("name: " + bet + "num: " + num); 
    }); 


}); 

：

<td> 
    <a href="#" id="bet"> 
     <span id="betslip">Lautoka FC</span> 
     <span id="betnum"> 5/6</span> 
    </a> 
</td> 
<td> 
    <a href="#" id="bet"> 
     <span id="betslip">Draw</span> 
     <span id="betnum">11/5</span> 
    </a> 
</td> 

は、ここに私のjqueryのコードです。助けてくれてありがとう！

Answer 1

は、クリックされた要素を参照します。両方の値が必要な場合は、再度要素を選択する必要があります。複数の組み合わせのシナリオが入って来た場合は、クラスを使用すること

例スニペット：。

$(document).ready(function() { 
 
    $('.bet').click(function() { 
 
    var bet = $(this).find(".betslip").text(); 
 
    var num = $(this).find(".betnum").text(); 
 
    console.log("name: " + bet + " num: " + num); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<td> 
 
    <a href="#" class="bet"> 
 
    <span class="betslip">Lautoka FC</span> 
 
    <span class="betnum"> 5/6</span> 
 
    </a> 
 
</td> 
 
<td> 
 
    <a href="#" class="bet"> 
 
    <span class="betslip">Draw</span> 
 
    <span class="betnum">11/5</span> 
 
    </a> 
 
</td>

Answer 2

これはあなたを助ける、

$(document).ready(function() { 
    $('#betslip, #betnum').click(function() { 
     var id = $(this).attr("id"); 

     if(id == "betslip"){ 
      var bet = $(this).text(); 
      var num = $("#betnum").text(); 
     }else{ 
      var bet = $("#betslip").text(); 
      var num = $(this).text(); 
     } 
     alert("name: " + bet + "num: " + num); 
    }); 
}); 

Answer 3

.ATのような時間を試してみてください単一のをクリックするとelementが通過するだけです.2つの要素はありません

あなたは何を得るの値

$(document).ready(function() { 
 
    $('#betslip, #betnum').click(function() { 
 
    var bet = $('#betslip').text(); 
 
    var num = $('#betnum').text(); 
 
    alert("name: " + bet + "num: " + num); 
 
    }); 
 

 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<td><a href="#" id="bet"> 
 
    <span id="betslip">Lautoka FC</span> <span id="betnum"> 5/6</span></a></td>