Jquery 将标题属性复制到接下来的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

我真的在尝试打破我所处的小jQuery框,尝试用jQuery做一些不同的事情来缩短某些项目的时间,我想知道如果我只想从一个锚复制title属性,并将该值设置为接下来的3个锚标记,那么最好的解决方案是什么。看起来很乏味,我知道。。。这是我到目前为止试过的

$('#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
    之后。