Форум

Alex_D181 · #1 (**permalink**) 10.06.2015, 11:08

Доброго времени суток, задался вот таким вопросом. Есть набор элементов, найденных с помощью jquery. Я хочу получить сумму ширины всех элементов.

Как сделать это через цикл я знаю, интересно можно ли это сделать другим образом.

ksa · #2 (**permalink**) 10.06.2015, 11:50

Сообщение от Alex_D181

Как сделать это через цикл я знаю, интересно можно ли это сделать другим образом.

Только цикл...

sogoodweather · #3 (**permalink**) 10.06.2015, 12:28

<html>
<head>
</head>
<body>

<div style="width: 10px; height: 20px; background: red"></div>
<div style="width: 10px; height: 20px; background: red"></div>
<div style="width: 10px; height: 20px; background: red"></div>


<script>

collection=[].map.call(document.querySelectorAll("div"), function(x){return x})

getIntWidth=function(x){return parseInt(x.style.width)}
sum=function(x, y){return x+y}

alert(
 collection.map(getIntWidth).reduce(sum)
)





</script>

</body>
</html>

ksa · #4 (**permalink**) 10.06.2015, 13:20

sogoodweather, это типа не цикл?

devote · #5 (**permalink**) 10.06.2015, 13:38

без цикла:

<div id="id1" style="width: 10px; height: 20px; background: red"></div>
<div id="id2" style="width: 10px; height: 20px; background: red"></div>
<div id="id3" style="width: 10px; height: 20px; background: red"></div>
<script>
 alert(
   document.getElementById('id1').offsetWidth + 
   document.getElementById('id2').offsetWidth + 
   document.getElementById('id3').offsetWidth
 );
</script>

ksa · #6 (**permalink**) 10.06.2015, 13:53

Сообщение от devote

без цикла

рони · #7 (**permalink**) 10.06.2015, 15:04

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .test{
    display: inline-block;
  }
  .test div{
    float: left;
  }

  </style>
</head>

<body>
<html>
<head>
</head>
<body>

<div style="width: 10px; height: 20px; background: red"></div>
<div style="width: 10px; height: 20px; background: red"></div>
<div style="width: 10px; height: 20px; background: red"></div>



<script>
var b =  document.body;
b.classList.add('test')
alert(b.offsetWidth)
</script>

</body>
</html>

</body>

</html>

sogoodweather · #8 (**permalink**) 10.06.2015, 15:36

Сообщение от ksa

это типа не цикл?

нет.функция -- это не цикл. (независимо от внутренней реализации)

Форум

Справочник

Discord чат

Курсы javascript