javascript - 如何使用 javascript 从第二个 标记获取文本值

Question

我正在尝试传递从日期选择器插件返回的日期值，但这些值没有显示在 console.log() 中，这意味着它们没有被发送。我在想我的问题在

var $fel = $el.parent('tr:second').find('.datepicker');
var datepicker = $fel.text();

这给了我这个错误:

Uncaught Error: Syntax error, unrecognized expression: unsupported pseudo: second

我的第一个<tr>标签有:

<tr class="main">  
    <td class="main_tr" data-id1="<?php $row["id"];?>" data-parentId="main"><?php $row["id"];?></td>
    <input type="hidden" name="name" id="name" class="name" value="<?php $row["name"];?>">
    <td><button id="find" data-id2="<?php $row["id"];?>">find</button></td>
</tr>

第二 <tr>标记

<tr>
    <td>Date Begin: <input type="text" class="datepicker" data-parentId="main" id="datepicker" name="datepicker">

    Date End: <input type="text" class="datepicker2" data-parentId="main" id="datepicker2" name="datepicker2"></td>

</tr>

这是我的javascript:

    $(document).on('click', '#find', function(){
        //var id = $(this).data("id2");
        var $el = $(this);
        var id = $el.data("id2");

        var $fel = $el.parent('tr:second').find('.datepicker');
        var datepicker = $fel.text();

        var $fel2 = $el.parent('tr:second').find('.datepicker2');
        var datepicker2 = $fel2.text();


        $.ajax({
            url:"select_.php",
            method:"POST",
            data:{
                id:id,
                datepicker:datepicker,
                datepicker2:datepicker2
            },
            dataType:"text",
            success:function(data){
                $('#live_view1').html(data);
                $('#live_view2').html(data);
                console.log(id);
                console.log(datepicker);
                console.log(datepicker2);
            }
        })
    });

Answer 1

你可以用 :eq(i) 伪来实现，这里你必须传递从零开始的索引。

var $fel = $el.parent().parent().('tr:eq(1) .datepicker');
var datepicker = $fel.text();

了解更多详情 check here