Question

我想使用jQuery构建这样的构造：

    <p:dataTable id="datatable" value="#{userData.dataList}" var="data">
        <p:columns value="#{userData.dataTableColumns}" var="column">
            <f:facet name="header">
                <h:outputText value="#{column.header}" />
            </f:facet>
                <h:outputText value="#{data[column.property]}" />                      
        </p:columns>
    </p:dataTable>

我的jQuery代码负责这一行，看起来像这样：

   <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>

但结果不包含var a2 = $('<a>').attr("href", "add_to_cart:" + item['id']).text('Add to cart'); a2.addClass("btn btn-default add-to-cart"); var i1 = $('<i></i>'); i1.addClass("fa fa-shopping-cart"); a2.append(i1);元素。

我尝试使用<i>函数追加<i>，但在这种情况下，文字会消失。如何使.html元素包含标记和文本？

感谢您的回答

Answer 1

哈哈哈，你忘记了最后一个......

$(".test").html(a2);

和父内容

<div class="test"></div>

$(document).ready(function() {
	var a2 = $('<a>').attr("href", "add_to_cart:").text('Add to cart');
	a2.addClass("btn btn-default add-to-cart");
	var i1 = $('<i>iiiiiiiiiiii</i>');
	i1.addClass("fa fa-shopping-cart");
	a2.prepend(i1);

	$(".test").html(a2);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<div class="test"></div>

在标签内组合不同的内容

1 个答案: