javascript - 如何使用 jquery 将 url 最后一个 id 添加到搜索框中

Question

我正在尝试将 URL 的最后一个 id 附加到数据表的搜索框中。我的网址如下所示:

在这里，我想要获取 CL00074 值并将其附加到搜索框中，如下所示:

[![在此处输入图像描述][1]][1]

<style>
    thead {
        .fix-search & {
            position: fixed;
            top: 10px;
            input {
                width: 250px;
            }
        }
    }
</style>

<script>  
    //this is for search 
    $(document).ready(function () {
        $('#dataTables-example').DataTable({
            responsive: true,
            "order": [[0, "desc"]],
            "columnDefs": [{
                "targets": 'no-sort',
                "orderable": false
            });
        });
</script>
<script>
    var url = window.location.href;
    var id = url.substring(url.lastIndexOf('/') + 1);
    // alert(id);

    $(document).ready(function () {
        $('#dataTables-example').append(id);
    });
</script>

如果你们不明白我在问什么，请告诉我。非常感谢任何帮助

->谢谢你们@Rory McCrossan 和@Jameel Ahmed Ansari 的回复。我已经找到解决方案了。

    var id = url.substring(url.lastIndexOf('/') + 1);
// alert(id);
$(document).ready(function () {
    $('#dataTables-example_filter input').val(id);
    $('#dataTables-example_filter input').keyup();
}); 

Answer 1

首先，要检索 URL 的所需部分，将其拆分为数组并检索最终元素会更容易。然后，您可以使用 dataTable 的 fnFilter() 方法以编程方式搜索该值:

var dt = $('#dataTables-example').dataTable({
    // setup here
});

var id = window.location.href.split('/').pop();
dt.fnFilter(id); // perform the search.