Question

我正在使用Bootstrap 3.0制定定价计划，您可以在此处查看： http://jsfiddle.net/ytrcLg5m/8/

问题是我在桌面版本的单列中有这段代码：

<ul class="list-unstyled">
    <li class="row pg-item ">
        <div class="col-md-10 pg-item-desc">Price</div>
        <span class="pg-info">
        <i class="icon-info icon-xsmall" data-toggle="tooltip" data-placement="top" title="Te enviamos todos los años nuestro catálogo actualizado gratuitamente"></i>
        </span>
    </li>
    <li class="row pg-item ">
        <div class="col-md-10 pg-item-desc">Catalog</div>
        <span class="pg-info">
        <i class="icon-info icon-xsmall" data-toggle="tooltip" data-placement="top" title="Te enviamos todos los años nuestro catálogo actualizado"></i>
        </span>
    </li>
    <li class="row pg-item ">
        <div class="col-md-10 pg-item-desc">Free Shipping</div>
        <span class="pg-info"><i class="icon-info icon-xsmall" data-toggle="tooltip" data-placement="top" title="Te enviamos gratuitamente a tu negocio lo que nos pidas con servicio 24h. Sólo válido para servicios y productos personalizados, no válido para pedidos de material."></i></span>
    </li>
    <li class="row pg-item pg-item-lg">
        <div class="col-md-10 pg-item-desc">Outlet</div>
        <span class="pg-info"><i class="icon-info icon-xsmall" data-toggle="tooltip" data-placement="top" title="Todos los lunes tendrás acceso a una oferta limitada de hasta un 50% de descuento en productos concretos. También dispondrás de carteles para que los anuncies en tu negocio."></i></span>
    </li>
    <li class="row pg-item ">
        <div class="col-md-10 pg-item-desc">Material shop</div>
        <span class="pg-info"><i class="icon-info icon-xsmall" data-toggle="tooltip" data-placement="top" title="Tendrás acceso a una tienda exclusiva de material y producto blanco en general, por si quieres fabricarte algo tú mismo."></i></span>
    </li>
    <li class="row pg-item ">
        <div class="col-md-10 pg-item-desc">Pick points</div>
        <span class="pg-info"><i class="icon-info icon-xsmall" data-toggle="tooltip" data-placement="top" title="Saldrás en el mapa de distribuidores y los particulares que compren por la web podrán elegir tu tienda como punto de recogida, generándote comisiones de venta."></i></span>
    </li>
    <li class="row pg-item ">
        <div class="col-md-10 pg-item-desc">Development photos</div>
        <span class="pg-info"><i class="icon-info icon-xsmall" data-toggle="tooltip" data-placement="top" title="Te recogemos tus carretes y formatos físicos para ofrecerte todos los servicios de laboratorio: revelado analógico, digital, APS, Blanco y negro, diapositivas, etc."></i></span>
    </li>
    <li class="row pg-item ">
        <div class="col-md-10 pg-item-desc">Credit account</div>
        <span class="pg-info"><i class="icon-info icon-xsmall" data-toggle="tooltip" data-placement="top" title="Pide todo lo que quieras, y al final de mes, te lo facturamos todo junto. Para que hagas los pedidos de la forma más rápida y ágil posible"></i></span>
    </li>
    <li class="row pg-item ">
        <div class="col-md-10 pg-item-desc">Muestrario</div>
        <span class="pg-info"><i class="icon-info icon-xsmall" data-toggle="tooltip" data-placement="top" title="Incluye un lote de productos preseleccionados para que tus clientes puedan ver y tocar."></i></span>
    </li>
    <li class="row pg-item pg-item-lg-when-md">
        <div class="col-md-10 pg-item-desc">Software</div>
        <span class="pg-info"><i class="icon-info icon-xsmall" data-toggle="tooltip" data-placement="top" title="Si dispones de kioscos táctiles en tu negocio, un técnico te instalará nuestro software de kiosco para que sean tus propios clientes quien hagan los pedidos. También incluye formación y soporte técnico."></i></span>
    </li>
    <li class="row pg-item pg-item-lg">
        <div class="col-md-10 pg-item-desc">Lotes estacionales</div>
        <span class="pg-info"><i class="icon-info icon-xsmall" data-toggle="tooltip" data-placement="top" title="Varias veces al año podrás tener acceso a publicidad y muestrario de nuevos productos ideales según la época: día de los enamorados, navidades, vuelta al cole..."></i></span>
    </li>
    <li class="row pg-item pg-item-lg">
        <div class="col-md-10 pg-item-desc">Custom solutions</div>
        <span class="pg-info"><i class="icon-info icon-xsmall" data-toggle="tooltip" data-placement="top" title="Nos adaptamos a ti, para cubrir todo lo que necesites: logística avanzada, integración de software, etc."></i></span>
    </li>
</ul>

在我想要的移动设备中，此列显示三次，每个计划一个，我想添加相应的图标fa-check和fa-times。

问题是我必须重复三次，有没有办法处理javascript？

我只想在移动设备上有一个专栏并重复三次。

像这样：

Answer 1

可能您可以先检查您是否在触摸设备中： isTouchDevice：function（）{ 在窗口返回'ontouchstart'|| navigator.maxTouchPoints; }

然后通过使用.clone（）克隆它来重复您的代码;和.append（）

获取html元素的内容并在代码的某些位置重复它

1 个答案: