Question

我使用的是流体容器格式。在那里我创建了一个面板，面板有一个id。我继续以<row><col>data</row></col>格式向容器添加数据。

我想知道是否有可能在面板中获取引导网格的最后一行和列？

<div class="panel-body" id="test">
div class="row">
                            <div class="col-lg-12">
                                A1
                            </div>
                        </div>

div class="row">
                            <div class="col-lg-12">
                                A2
                            </div>
                        </div>

</div>

我可以使用某个版本的$("#test").last("row")或$("#test").last("row").last("col")

Answer 1

jQuery提供了一系列受支持的属性选择器。如果您确定类名称将是col-lg-12和row，则其他答案将起作用。但是，如果列可能不同，例如col-xs-4，那么您可以使用属性包含前缀选择器。

根据jQuery文档这个选择器：

选择具有指定属性的元素，其值等于给定字符串或以该字符串后跟连字符（ - ）开头。

/* 
 * Selects the last item in the table where the class value = "col" or
 * begins with "col-..."
 */
$('#test div[class|="col"]:last');

/* 
 * Selects the last item in the table where the class value = "row" or
 * begins with "row-..."
 */
$('#test div[class|="row"]:last');

参考： Attribute Contains Prefix Selector

参考： Complete List of jQuery Attribute Selectors

DEMO： JSFiddle

Answer 2

$(".row").last().find(".col-lg-12").last();

<强> See working jsFiddle demo

Answer 3

使用Jquery .last()

试试这个：

$(".row").last().find(".col-lg-12").last();

Answer 4

$("#test div.row:last") // for last row
$("#test div.col-lg-12:last") //for last column

如何使用jquery bootstrap获取最后一行/列？

4 个答案: