求最近类的id值

Question

我有一个div表，希望得到类live-mu-table-tdq的id值，它位于我单击的左侧。我原以为下面的代码会起作用，但没有。

 $(this).closest(".live-mu-table-tdq").attr("id");

小提琴

<div class="live-mu-table" >
    <div class="live-mu-tablee-tr">
        <div class="live-mu-table-tdq" id="q-1">q1 goes here</div>
        <div class="live-mu-table-tdspacer1"></div>
        <div class="live-mu-table-tda" id="a-3"> 3 the answer</div>
    </div>

    <div class="live-mu-tablee-tr">
        <div class="live-mu-table-tdq" id="q-2">q2 question</div>
        <div class="live-mu-table-tdspacer1"></div>
        <div class="live-mu-table-tda" id="a-1">answer 1</div>
    </div>

    <div class="live-mu-tablee-tr">
        <div class="live-mu-table-tdq" id="q-3">question 3</div>
        <div class="live-mu-table-tdspacer1"></div>
        <div class="live-mu-table-tda" id="a-2">the answer 2</div>
    </div>
</div>

$(".live-mu-table-tda").click(function() { 
    var abc = $(this).closest(".live-mu-table-tdq").attr("id");
    alert (abc)   
});

Answer 1

.live-mu-table-tdq元素是live-mu-table-tda元素的同级元素，因此您需要使用siblings()，而不是closest()

$(".live-mu-table-tda").click(function() {
    var abc = $(this).siblings(".live-mu-table-tdq").prop("id");
    alert(abc)
});

更新小提琴

Answer 2

.closest()在DOM中向上看。我相信.siblings(".live-mu-table-tdq").attr("id")是你的目标

https://api.jquery.com/siblings/

Answer 3

你可以试试.next或.find

$(this).next(".live-mu-table-tdq").attr("id");
$(this).find(".live-mu-table-tdq").attr("id");