Jquery 将标题属性复制到接下来的3个定位标记
我真的在尝试打破我所处的小jQuery框,尝试用jQuery做一些不同的事情来缩短某些项目的时间,我想知道如果我只想从一个锚复制title属性,并将该值设置为接下来的3个锚标记,那么最好的解决方案是什么。看起来很乏味,我知道。。。这是我到目前为止试过的Jquery 将标题属性复制到接下来的3个定位标记,jquery,copy,title,Jquery,Copy,Title,我真的在尝试打破我所处的小jQuery框,尝试用jQuery做一些不同的事情来缩短某些项目的时间,我想知道如果我只想从一个锚复制title属性,并将该值设置为接下来的3个锚标记,那么最好的解决方案是什么。看起来很乏味,我知道。。。这是我到目前为止试过的 $('#home-gallery li a').each(function(){ var copiedTitle = $(this).first().attr('title'); $('#home-gallery li a
$('#home-gallery li a').each(function(){
var copiedTitle = $(this).first().attr('title');
$('#home-gallery li a').each(function(){
this.title = copiedTitle;
});
});
这是HTML
<li>
<a href="images/tn/eowine/full.jpg" data-fancybox-group="eowine" title="Eowine vs. Nosgule"><img src="images/tn/eowine.jpg" alt="" /></a>
<!-- more images -->
<div style="display: none;">
<a href="images/tn/eowine/first.jpg" data-fancybox-group="eowine" title="Eowine vs. Nosgule"><img src="images/tn/eowine/first.jpg" alt="" /></a>
<a href="images/tn/eowine/second.jpg" data-fancybox-group="eowine" title="Eowine vs. Nosgule"><img src="images/tn/eowine/second.jpg" alt="" /></a>
<a href="images/tn/eowine/third.jpg" data-fancybox-group="eowine" title="Eowine vs. Nosgule"><img src="images/tn/eowine/third.jpg" alt="" /></a>
</div>
</li>
任何帮助都会很棒
谢谢大家!
非常感谢你们帮助我,这意味着很多。。。我确实提高了我在这方面的知识,我最感激的是来自社区的帮助 我将继续尝试各种技巧,并将研究张贴的每一种方法,以进一步掌握知识
再次感谢各位 您可以这样做:
$anchors = $('#home-gallery li a');
$anchors.slice(1, 4).attr('title', $anchors.first().attr('title'));
var copiedTitle = $('#home-gallery li a:first').attr('title');
$('#home-gallery li a:not(:first)').each(function() {
$(this).attr('title', copiedTitle);
});
这样做的目的是选择匹配集合(包括所有锚定)的第2到第4个元素,并设置其title
属性以匹配集合中第一个元素的标题
如果你有其他标准,而不是严格的第2-3-4位,那么也会有类似的方式来表达这些标准
您可能想要这样的东西:
$anchors = $('#home-gallery li a');
$anchors.slice(1, 4).attr('title', $anchors.first().attr('title'));
var copiedTitle = $('#home-gallery li a:first').attr('title');
$('#home-gallery li a:not(:first)').each(function() {
$(this).attr('title', copiedTitle);
});
每个人只需要一个
var copiedTitle = $('#home-gallery li').children('a').attr('title');
$('div a').each(function() {
$(this).attr('title') = copiedTitle;
});
孩子们只选择直系后代,由于您的第一个锚具有原始标题,并且它不是后续锚的兄弟,因此它是唯一需要抓取和存储的锚。$(“#home gallery li a+div a”)
将选择div
中的所有a
标记,该标记位于您的a
之后。