Question

希望我在标题中写下这个问题，我会继续，因为我的言语并不那么好，我会尽量保持简单。

所以我想要完成的是具有唯一ID的项目列表，这些项目设置为在列中显示。如果特定的id具有它自己的样式（浮动并使用背景创建一个块），我需要在列流/渲染（这是正确的术语吗？）时将其取出。这是可能的以及如何（试图避免使用JS / jQuery）？这段代码：

＆＃13;

Cart  * cart = new Cart; // we have this object already created
                         // which we have exposed to QML as 'qmlcart'.

// When user clicks apple
Apple * apple = new Apple(1.99) ; // 1.99 is price
apple->setType("Red Delicious");
cart.add( apple  );

// When user clicks orange
Orange * orange = new Orange(0.99) // price
orange->setType("Valencia")
cart.add( orange );

＆＃13;

div {
  height: 200px;
}
ul {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}
#unique1,
#unique2 {
  float: left;
  display: block;
  width: 20%;
  height: 200px;
  border: 1px solid black;
}

＆＃13;

下一段代码，展示我想要实现的目标。

＆＃13;

<div>
  <ul>
    <li id="unique1">text</li>
    <li id="unique2">text</li>
    <li id="unique3">text</li>
    <li id="unique4">text</li>
    <li id="unique5">text</li>
    <li id="unique6">text</li>
    <li id="unique7">text</li>
    <li id="unique8">text</li>
    <li id="unique9">text</li>
    <li id="unique10">text</li>
  </ul>
</div>

＆＃13;

div {
  height: 200px;
}
ul {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}
#unique1,
#unique2 {
  float: left;
  display: block;
  width: 20%;
  height: 200px;
  border: 1px solid black;
}

＆＃13;

Answer 1

单独使用CSS无法做到这一点。您必须使用Javascript或jQuery：

$('ul > li').each(function() {
    if ($(this).css('float') == 'left') {
        $(this).parent().before(this);
    }
});

我可以从色谱柱流中带出一些元素吗？

1 个答案: