每行两个元素 XSL



我正在使用xml和xslt 1.0。假设有我的 xml 结构:

<people>
  <person></person>
  <person></person>
  ...
</peoble>

然后我想这样显示它:N 是节点"人".

我正在使用引导程序,网页内容设计如下:

<div class="row">
  <div>Person1</div>
  <div>Person2</div>
</div>

我的问题是,我不知道如何将两个元素放在同一行中。我不能放第一个,后来放第二个,因为一旦标签行关闭,就无法再次打开,结果是:

Row 1: N1
Row 2: N2

我想要:

Row 1: N1 N2
Row 2: N3 N4

谢谢

你可以使用 Jquery .slice() 来减少匹配元素的集合:看看我的例子

var divs = $("div > div");
   for(var i = 0; i < divs.length; i+=2) {
    divs.slice(i, i+2).wrapAll("<div class='row'></div>");
}
var persons = $("people > person");
   for(var i = 0; i < persons.length; i+=2) {
    persons.slice(i, i+2).wrapAll("<div class='row'></div>");
}
.row { 
  border: solid 1px #000; 
  padding: 5px;
  width: 120px;
}
person {
  margin:3px;
  border: 1px solid #000;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
        <div>person1</div>
        <div>person2</div>
        <div>person3</div>
        <div>person4</div>
        <div>person5</div>
        <div>person6</div>
</div>
<people>
  <person>person1</person>
  <person>person2</person>
  <person>person3</person>
  <person>person4</person>
  <person>person5</person>
  <person>person6</person>
</people>

最新更新