Javascript 如何使用jquery添加对称值

我有这个标记：

<div class="container">
   <figure></figure>   
   <figure></figure>
   <figure></figure>
</div>

---

Thx.

您正在处理字符串“90%”并试图完成数学运算，该运算将失败。这应该起作用：

var inside_element = $('figure');
var indx = 10;
inside_element.each(function(indx){
    $(this).css({
        width: (90 - (10*indx)) + '%' ,
        height: (90 - (10*indx)) + '%'
    });
});

同时声明变量indx=10；没有必要。此值将在函数内重写

编辑：也可以有更多的容器。那么代码应该如下所示：

var inside_container = $('.inside_container');
    inside_container.each( function(i) {
    var inside_element = $(this).find('figure');
    var step = 10;
    inside_element.each(function(indx){
        $(this).css({
            width: (90 - (step*indx)) + '%' ,
            height: (90 - (step*indx)) + '%'
        });
    });
});

---

您正在处理字符串“90%”并尝试完成数学运算，这将失败。这应该起作用：

var inside_element = $('figure');
var indx = 10;
inside_element.each(function(indx){
    $(this).css({
        width: (90 - (10*indx)) + '%' ,
        height: (90 - (10*indx)) + '%'
    });
});

同时声明变量indx=10；没有必要。此值将在函数内重写

编辑：也可以有更多的容器。那么代码应该如下所示：

var inside_container = $('.inside_container');
    inside_container.each( function(i) {
    var inside_element = $(this).find('figure');
    var step = 10;
    inside_element.each(function(indx){
        $(this).css({
            width: (90 - (step*indx)) + '%' ,
            height: (90 - (step*indx)) + '%'
        });
    });
});

您没有选择数字，您需要此$'figure'

您没有选择数字，您需要此$'figure'

---

通过从字符串中减去indx，可以计算下一个宽度和高度

尝试：

---

通过从字符串中减去indx，可以计算下一个宽度和高度

尝试：

试试这个：

var inside_element = $('figure');
var width = '90',
    height = '90';

inside_element.each(function(indx){
    $(this).css({
        width: width + '%',
        height: height + '%'
    });
    width = width - 10;
    height = height - 10;
});

试试这个：

var inside_element = $('figure');
var width = '90',
    height = '90';

inside_element.each(function(indx){
    $(this).css({
        width: width + '%',
        height: height + '%'
    });
    width = width - 10;
    height = height - 10;
});

---

您缺少引号-$figure；你可以省去indx的声明，它已经在.each callback中传递了。好的，这很好，但是如果我有多个主容器，这个操作将自始至终对每个图形执行，如何仅为父包装区域计算它，然后你必须更新选择器。例如，将包装器id放在容器上，然后调用：var inside_元素=$'wrapper figure'；我有这个，但仍然不能在var-inside\u-container=$'。inside\u-container'，inside\u-element=inside\u-container.find'.element\u-inside'；您缺少引号-$figure；你可以省去indx的声明，它已经在.each callback中传递了。好的，这很好，但是如果我有多个主容器，这个操作将自始至终对每个图形执行，如何仅为父包装区域计算它，然后你必须更新选择器。例如，将包装器id放在容器上，然后调用：var inside_元素=$'wrapper figure'；我有这个，但仍然不能在var-inside\u-container=$'。inside\u-container'，inside\u-element=inside\u-container.find'.element\u-inside'；你的回答很仓促。你缺少%Ups，我是用像素来思考的，这就是为什么我忽略了这一点。总之，使用索引参数的上述解决方案更聪明。你的答案非常仓促。你缺少了%Ups，我想是像素，这就是为什么我忽略了这一点。无论如何，使用索引参数的解决方案更聪明