代码之家 › 专栏 › 技术社区 › 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 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前