Javascript .next(“.myClass”)无法使用Jquery

Javascript .next(“.myClass”)无法使用Jquery,javascript,jquery,next,Javascript,Jquery,Next,我不知道如何获取我想要的价值。我尝试了很多东西,但我不知道如何找到我的价值。 这是我的HTML: <table class="liste"> <tbody> <tr> <th>Actions</th> <th>Nom</th> <th>Coordonnées</th> &

我不知道如何获取我想要的价值。我尝试了很多东西,但我不知道如何找到我的价值。 这是我的HTML:

<table class="liste">
    <tbody>
        <tr>
            <th>Actions</th>
            <th>Nom</th>
            <th>Coordonnées</th>
            <th>Diplômes</th>
            <th>Profil associé</th>
        </tr>
        <tr>
            <td class="groupe" colspan="5">2014-2015            
                <button class="copyMails" title="Copier les adresses emails">
                     <img src="/images/picto/action_dupliquer.png" alt="">
                    Copier les adresses emails
                </button>
            </td>
        </tr>
        <tr>
            <td>
                <input type="text" class="lstMails" value="myText">
            </td>
        </tr>
        <tr>
            <th>Actions</th>
            <th>Nom</th>
            <th>Coordonnées</th>
            <th>Diplômes</th>
            <th>Profil associé</th>
        </tr>
        <tr>
            <td class="groupe" colspan="5">2014-2015            
                <button class="copyMails" title="Copier les adresses emails">
                     <img src="/images/picto/action_dupliquer.png" alt="">
                    Copier les adresses emails
                </button>
            </td>
        </tr>
        <tr>
            BLABLABLA
        </tr>
        <tr>
            BLABLABLA
        </tr>
        <tr>
            <td>
                <input type="text" class="lstMails" value="myText2">
            </td>
        </tr>
    </tbody>
</table>
我试过和父母一起做,但我不知道怎么做。
单击按钮时,我想访问下一个.lstMails。copyMails

您需要找到下一个
tr
同级,然后找到其中的
lstMails
元素

$(“body”)。在('click',.copyMails',函数()上{
$('#log').html($(this).closest('tr').nextAll('tr:has(.lstMails')).first().find('.lstMails').val());
});

行动
笔名
合作社
迪普洛姆斯
Profil associé
2014-2015
电子邮件复印机
行动
笔名
合作社
迪普洛姆斯
Profil associé
2014-2015
电子邮件复印机
喋喋不休
喋喋不休

您需要找到下一个
tr
同级,然后找到其中的
lstMails
元素

$(“body”)。在('click',.copyMails',函数()上{
$('#log').html($(this).closest('tr').nextAll('tr:has(.lstMails')).first().find('.lstMails').val());
});

行动
笔名
合作社
迪普洛姆斯
Profil associé
2014-2015
电子邮件复印机
行动
笔名
合作社
迪普洛姆斯
Profil associé
2014-2015
电子邮件复印机
喋喋不休
喋喋不休
您应该使用导航父
tr
然后使用指向下一个
tr
,然后您可以使用

使用

更新

您应该使用导航父
tr
,然后使用指向下一个
tr
,然后您可以使用

使用

更新


为它工作为它工作为它工作为你回答。问题是.lstMails并不总是在下一个tr中出现,我已经编辑了我的html以显示一个示例。@Meezy,更新的答案非常感谢您的回答。工作表现为你答案。问题是.lstMails并不总是在下一个tr中出现,我已经编辑了我的html以显示一个示例。@Meezy,更新的答案非常感谢您的回答。工作表现为你答案。问题是.lstMails并不总是出现在下一个tr中,我已经编辑了我的html以显示一个示例。谢谢你的回答。问题是.lstMails并不总是出现在下一个tr中,我已经编辑了我的html以显示一个示例。
$("body").on('click', ".copyMails", function() {
    console.log($(this).parent().parent().parent().next('.lstMails').val());
});
$("body").on('click', ".copyMails",function(){
    console.log($(this).closest('tr').next('tr').find('.lstMails').val());
});
$("body").on('click', ".copyMails", function() {
    alert($(this).closest('tr').nextAll('tr:has(.lstMails)').find('.lstMails').val());
});