代码之家 › 专栏 › 技术社区 › delboy1978uk

jQuery select by data属性和:最后一个子项[重复]

jquery javascript

delboy1978uk · 技术社区 · 7 年前

希望这应该是相当简单的一些你JS专家在那里!

好的,我有各种各样的 <section> data-week 属性。每个部分也有一个 data-date 属性。

我要把最后一部分按 数据周

当我这样做时,我得到两个结果:

let sections= $('section[data-week="' + thisWeek + '"]');

我只需要最后一个。我试图补充 :last-child 这样地:

let lastSectionOfThisWeek = $('section[data-week="' + thisWeek + '"]:last-child');

但那一点回报都没有。如何将这两种方法结合使用,以获得带有周数的最后一节?

4 回复 | 直到 7 年前

Quentin 7 年前

:last-child 方法 最后一个孩子 不 与选择器其余部分也匹配的最后一个子级 .

鉴于: <a /><a /><b /><b /> 然后 b:last-child b ,我也会的 :最后一个孩子 a:last-child 不会匹配任何东西因为 a 元素是最后一个子元素。

把所有的元素都找出来,然后 pluck the last one off the set :

let lastSectionOfThisWeek =  $('section[data-week="' + thisWeek + '"]').last();

the jQuery-specific :last filter :

let lastSectionOfThisWeek =  $('section[data-week="' + thisWeek + '"]:last');

Mamun 7 年前

你可以用 .last()

let thisWeek = "1";

let lastSectionOfThisWeek = $('section[data-week="' + thisWeek + '"]').last();

console.log(lastSectionOfThisWeek.text().trim());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<section data-week="1" data-date="10/10">
  Section 1
</section>
<section data-week="1" data-date="10/11">
  Section 2
</section>

mehmetseckin 7 年前

使用 :last

var thisWeek = "week";

console.log($(`section[data-week=${thisWeek}]:last`).attr("id")) // third

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<section id="first" data-week="week">First</section>
<section id="second" data-week="week">Second</section>
<section id="third" data-week="week">Third</section>

Osama 7 年前

而节是数组,因此可以通过这种方式获取最后一个值

let sections= $('section[data-week="' + thisWeek + '"]');
let lastsection= sections[sections.length-1];

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

1 年前

user28928120 · 如何在jquery中选择所有类?

1 年前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

1 年前

Eliable · 使点击计数器和进度条协同工作

1 年前

mlri · 从不同的onclick事件执行相同的javascript函数

1 年前

Cymro · 如何将jquery$(this)与$(document).keyup一起使用

1 年前

Jack Maessen · 在处理程序上使用时如何获取输入类型

1 年前

BlueDogRanch · 使用jQuery Datepicker和dateFormat、altFormat和altField以及$(this)

1 年前

Jameel · Jquery:未捕获SyntaxError:在参数列表后的“Node”上执行“appendChild”失败:缺失)

1 年前