标签: each

Jquery-在.each循环中获取图像尺寸?

我正在尝试编写一些代码来打印div中包含的所有图像的尺寸,这很简单,因为它似乎无法让它工作.有人能指出这里的错误吗?谢谢!

$(document).ready(function() {

  var width = 0;
  var height = 0;
  var hello = "hello";

  $('#imagebox img').each(function(){

    width = $(this).width;
    height = $(this).height;
    $('#main').append(hello);
    $('#main').append(width);
    $('#main').append(height);    
  });

});
Run Code Online (Sandbox Code Playgroud)

这里有JSBin示例

each jquery image dimensions

0
推荐指数
1
解决办法
769
查看次数

使用jquery .each()获取属性并使用as样式

我想这是一个非常简单的问题.

我想给我的li-tags一个与其里面的图像相匹配的宽度.到目前为止,我正在为每个人获得正确的图像属性.

$("#slider1 li img").each(function(){
 var imageWidth = $(this).width();
 var imageHeight = $(this).height();    
 $(this).attr('width', imageWidth);
 $(this).attr('height', imageHeight);
});
Run Code Online (Sandbox Code Playgroud)

但我似乎无法弄清楚我如何将imageWidth转移到我的li-tag.我尝试过:

$("#slider1 li").css("width", imageWidth);
Run Code Online (Sandbox Code Playgroud)

但这只是为所有li提供相同的宽度.

谢谢你的帮忙:)

编辑:我的标记:

<ul id="slider1"> 
<li><img src="tester.jpg"/></li> 
<li><img src="tester2.jpg"/></li> 
<li><img src="tester3.jpg"/></li> 
<li><img src="tester4.jpg"/></li> 
<li><img src="tester.jpg"/></li> 
<li><img src="tester2.jpg"/></li>
</ul> 
Run Code Online (Sandbox Code Playgroud)

javascript each jquery

0
推荐指数
1
解决办法
53
查看次数

$ .getJSON和$ .each

所以我试图循环一个JSON响应,但我似乎无法做到正确.

片段:

$.getJSON("/playlist/",function(playlists) {
    $.each(playlists,function() {
        self.playlists[this.playlist.id] = new SC.Playlist(this, self);
        console.log(this);
    })
})
Run Code Online (Sandbox Code Playgroud)

JSON:

jsonp1311444173992([
  {
    is_owner: true,
    id: "wtf",
    playlist: {
      id: "latest1",
      name: "Hot Tracks1",
      version: 0,
      tracks: "33+44+55"
    }
  },
  {
    is_owner: true,
    playlist: {
      id: "latest",
      name: "Hot Tracks",
      smart: true,
      version: 0,
      smart_filter: {
        order: "hotness"
      }
    }
  },
  {
    is_owner: true,
    playlist: {
      id: "latest3",
      name: "Hot Tracks3",
      version: 0,
      tracks: "33+44+55"
    }
  },
  {
    is_owner: true,
    playlist: {
      id: "latest4",
      name: "Hot …
Run Code Online (Sandbox Code Playgroud)

each jquery json

0
推荐指数
1
解决办法
438
查看次数

jQuery单击每个循环内部

我想循环我的点击事件,以缩短代码.我稍后可能会有30个这样的值.

我的工作代码

$(document).ready(function () {
    var last_click = '';

    $("#title").click(function() { last_click = 'title'; });
    $("#subtitle").click(function() { last_click = 'subtitle'; });
    $("#test").click(function() { last_click = 'test'; });
});
Run Code Online (Sandbox Code Playgroud)

这就是我想要的方式(不工作)

我的猜测是每个循环都在dom上运行,然后再也没有了,那样点击事件永远不会被触发?

$(document).ready(function () {
    var last_click = '';
    var contents = new Array();
    contents = ['title', 'subtitle', 'test'];

    $.each(contents , function(index, value){
        $("#" + value).click(function() { last_click = value; });
    });
});
Run Code Online (Sandbox Code Playgroud)

如果没有像我想的那样解决,我会感谢一个很好的解决方法.

javascript arrays each jquery click

0
推荐指数
1
解决办法
1774
查看次数

PHP:对于每个锚标记

我目前在我的网站上有一个标题为"服务"的侧栏,我想填写"Windows","Linux","Android"等类别.由于所有这些"类别"都存在于一个页面(services.php)中,我有一个想法来锚定它们中的每一个,所以我可以创建一个快速链接列表(services.php/#Windows,services.php /# Linux等等).我想要做的是使用PHP函数将我在Services.php页面上创建的所有锚点拉到侧栏,这样如果我编辑services.php和include <a id="tips">Other useful things</a>,侧栏会自动包含指向该锚点的链接.类似于"对于此页面上的每个锚点,链接到thispage.php /#anchor-name".

我希望这个问题比我的第一个更容易理解.我意识到我不是很清楚.

我知道我可以使用数据库表,但我希望它管理起来非常简单.

html php anchor each for-loop

0
推荐指数
1
解决办法
3779
查看次数

在jQuery中增加变量名称

在"myFunction"里面,我有一个each()迭代器,它可以找到某些元素的高度.如何将每个高度值分配给增量生成的变量名称,可在每个循环外部访问?

function myFunction(){

    $('#div1, #div2 ... #divN').each(function(index){
        /* Increment variable name here */ = $(this).outerHeight();
    });

    // Also use those variables here

};
Run Code Online (Sandbox Code Playgroud)

谢谢.

each jquery

0
推荐指数
1
解决办法
2704
查看次数

jQuery只迭代每个列表项一次

我有一个函数,每次我在页面内滚动时执行.在该函数中有一个.each()函数来循环遍历所有列表项:

$('#scroller').on('appear', function() {
    $('#chart li').each(function(ev){
            // Do something
    });
});
Run Code Online (Sandbox Code Playgroud)

我的问题是我只想循环遍历这些列表项一次.我尝试返回false和ev.preventDefault,但是它使//做一些仅适用于第一个列表项的东西.

我发现这个帖子几乎一样,但应用这个方法我得到一个"对象[对象数组]没有方法'应用'"错误.有什么建议?

each jquery preventdefault

0
推荐指数
1
解决办法
6580
查看次数

将txt文件行添加到C#中的分隔文本框中?

例如,我有一个带有3个文本框(不是多行)的应用程序和一个带3行的记事本txt文件.当我点击一个按钮时,应用程序必须用一行文本框填充每一行,例如我有一个.txt文件,如下所示:

zzzzzzzzzzz  
yyyyyyyyyy  
nnnnnnnnn
Run Code Online (Sandbox Code Playgroud)

我想要一个textbox1节目"zzzzzzzzzzz",textbox2表演"yyyyyyyyy"textbox3表演"nnnnnnnn".那我怎么能在C#中做到这一点?

c# each textbox notepad line

0
推荐指数
2
解决办法
2618
查看次数

如何使用javascript动态创建数组

我尝试的东西可能很容易但我似乎无法找出为什么它不起作用.我试图用jquery/javascript动态创建和数组.

我的代码;

var icons = $('.icon');

var desktopicons = [];

var user = { name: username };

var iconsetup = { myicons: [] };

desktopicons.push(user);
desktopicons.push(iconsetup);

$.each(icons, function() {
        var name = $(this).attr('name');
    var rel = $(this).attr('rel');


    var icon = { 
        icon: [{
            name: name,
            rel: rel
        }]
    };

    iconsetup.myicons[0].push(icon);

});

desktopicons.push(user);
desktopicons.push(iconsetup);

$('#desktop').append(desktopicons[0].name);
$('#desktop').append(desktopicons[1].myicons[0].icon[0].name);
Run Code Online (Sandbox Code Playgroud)

不知怎的,我的日志文件说不能调用'iconsetup.myicons [0] .push(icon);'上的undefined方法.这条线.

谁能告诉我如何创建阵列?谢谢!

javascript arrays each jquery

0
推荐指数
1
解决办法
92
查看次数

使用jquery .each循环从数组中的值创建多维javascript对象

我需要使用存储在数组中的值创建一个javascript对象.每个值都应该是前一个值中的新键.实现这一目标的最佳方法是什么?

var option = ['level_1','level_2','level_3','level_4'];

$.each( option, function( key, value ) {
    // ....
});

// I'm trying to get this result
var result = {
    'level_1': {
        'level_2': {
            'level_3': {
                'level_4':{}
             }
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

javascript arrays each jquery object

0
推荐指数
1
解决办法
39
查看次数

标签 统计

each ×10

jquery ×8

javascript ×4

arrays ×3

anchor ×1

c# ×1

click ×1

dimensions ×1

for-loop ×1

html ×1

image ×1

json ×1

line ×1

notepad ×1

object ×1

php ×1

preventdefault ×1

textbox ×1