Question

我有一个动态的HTML代码，因为我无法在div之后显示ul而没有附加html代码选项。

<ul class="products clearfix">
    <li class="post-7312" >1</li>
    <div class="productadds">field one</div>
    <li class="post-1234">2</li>
    <div class="productadds">field two</div>
    <li class="post-5678">3</li>
    <div class="productadds">field three</div>
    <li class="post-2344">4</li>
    <div class="productadds">field four</div>
</ul>

我想以下面的格式显示代码

<ul class="products clearfix">
    <li class="post-7312" >1</li>
    <li class="post-1234">2</li>
    <li class="post-5678">3</li>
    <li class="post-2344">4</li>
</ul>

<div class="productadds">field one</div>
<div class="productadds">field two</div>
<div class="productadds">field three</div>
<div class="productadds">field four</div>

Woocommerce /内容product.php

<li <?php post_class( $classes ); ?>>

<?php
/**
 * woocommerce_before_shop_loop_item hook.
 *
 * @hooked woocommerce_template_loop_product_link_open - 10
 */
do_action( 'woocommerce_before_shop_loop_item' );

/**
 * woocommerce_before_shop_loop_item_title hook.
 *
 * @hooked woocommerce_show_product_loop_sale_flash - 10
 * @hooked woocommerce_template_loop_product_thumbnail - 10
 */
do_action( 'woocommerce_before_shop_loop_item_title' );

/**
 * woocommerce_shop_loop_item_title hook.
 *
 * @hooked woocommerce_template_loop_product_title - 10
 */
do_action( 'woocommerce_shop_loop_item_title' );

/**
 * woocommerce_after_shop_loop_item_title hook.
 *
 * @hooked woocommerce_template_loop_rating - 5
 * @hooked woocommerce_template_loop_price - 10
 */
//do_action( 'woocommerce_after_shop_loop_item_title' );

/**
 * woocommerce_after_shop_loop_item hook.
 *
 * @hooked woocommerce_template_loop_product_link_close - 5
 * @hooked woocommerce_template_loop_add_to_cart - 10
 */
do_action( 'woocommerce_after_shop_loop_item' );
?>

在我的孩子主题中，我使用此代码显示了产品添加扩展名

add_action( 'woocommerce_after_shop_loop_item_title', array($GLOBALS['Product_Addon_Display'], 'display'), 5 );

我的问题是在商店循环项目后显示产品附加组件我在div中得到上面的ul li我想在ul之外显示div。因此，在产品附加组件中将显示ul。

外部的表单

Answer 1

https://jsfiddle.net/medashiva/ewrxa1zz/尝试这个希望有助于：）

$(document).ready(function(){


var x = document.createElement("DIV");
var t = document.createTextNode("This is a div element.");
x.setAttribute("style", "background-color: pink;");
x.appendChild(t);

$('.products').after(x);

})

如何在jquery

1 个答案: