Javascript 尝试从两个不同的跨距中获取两个值

嘿，伙计们，我试着从两个不同的跨度上点击得到两个值。我有几个表有betslip和betnumber赔率，我只想得到名称和bet赔率，并将其存储到jquery中的一个变量，然后将其推送到betslip。我唯一的问题是我似乎无法得到正确的值。以下是HTML：

<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>

---

我得到了错误的值。谢谢你的帮助

此

将引用单击的元素。如果需要这两个值，则可能需要再次选择元素。如果出现多个组合的场景，您可以使用类

示例代码段：

$（文档）.ready（函数（）{
$（'.bet'）。单击（函数（）{
var bet=$（this.find（“.betslip”）.text（）；
var num=$（this.find（“.betnum”）.text（）；
日志（“名称：+bet+”数值：+num”）；
});
});

这将帮助您

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

试一下。在单击单个
元素时，仅通过。不使用两个元素


$（文档）.ready（函数（）{
$（'#betslip，#betnum'）。单击（函数（）{
var bet=$（'#betslip'）.text（）；
var num=$（'#betnum'）.text（）；
警报（“名称：“+bet+”数值：“+num”）；
});
});

得到的值是多少？
var bet=$（this）.text（）；var num=$（this.text（）两个值将是相同的…相同的值，如果我单击Lautoka FC，两个值都将显示为Lautoka FC，但是如果我有多个跨度呢？我的意思是，我还有其他跨距将使用betslip id，betnum id在HTML文档中应该是唯一的。即使给多个元素赋予相同的id，它也会返回第一个元素，而不是全部。类名符合您的要求。您能建议我应该做什么吗？请您分享确切的用例。@TheTruth:当您单击特定的跨度时，您只需要将赌注和赔率的组合或表中的全部组合。？
$(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);
    });
});