Question

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

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

然后我想像这样展示：https://developers.google.com/google-apps/calendar/v3/sync#incremental_sync

我正在使用bootstrap，网页内容的设计如下：

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

我的问题是，我不知道如何将两个元素放在同一行。我不能把第一个，后面的第二个，因为一旦标签行关闭，它就不能再打开，结果是：

Row 1: N1

Row 2: N2

我想要：

Row 1: N1 N2

Row 2: N3 N4

由于

Answer 1

你可以使用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>

每行XSL两个元素

1 个答案: