选择在不同兄弟中共享类的子元素

时间:2016-08-14 11:17:14

标签: jquery html indexing

好的,我可以将索引更多地合并到我的代码中,第一个示例运行正常。它是什么,是我在不同的父容器中有元素,我必须使用索引来在DOM中的不同位置找到它们。我必须在第一个示例中添加父元素的空兄弟,以匹配我的数组的索引 - 第一个函数的数组中的第二个项目免于该函数,因为我需要为height属性设置动画到较低的高度。

所以相反,我做了第二个函数来找到父元素"div.up"的子元素"div.listitem1",我有3个具有相同类名的div用于格式化但不同的ID(listemitem#1 ,#2,#3等)。

只是想知道我是否可以在第一个函数中为div.up元素创建条件语句,而不是尝试通过第二个函数中的DOM并尝试减少编码。我在第一个数组中为第二个函数获得相同元素的原因纯粹是因为我已经获得了仅应该在数组的后半部分工作的增强索引。

$(function(){
  var arr = [ "div.mainarticle", "div.listitem1", "div.article1", "div.article2",];

  $("div.up").parent().on("mouseleave", function(index){
    var k= $(this).index();
    var height=$("div.up").find("p").height();

    $(arr[k]).find("div.up").animate({'height':'-=20%'}, 300).find("p").fadeOut();
    $(this).find("span.date").animate({'top':'-=' + height +'px'});;
  });
});

$(function(){
  var divup = ["div.up", "div.up", "div.up", "div.up", "div.up", "div.up",]

  $("div.itemlist1").on("mouseenter", function(){
    var index = $(this).index();
    $(index[divup]).find("div.up");
    $(this).animate({'height':'+=80px'});
  });
});

索引是将元素链接在一起的最佳方式吗?比如,这是一个在全面编程中常见的东西吗?我想的可能是因为它的所有数字和计算机都是数字。

0 个答案:

没有答案