小编Ste*_*gie的帖子

对不起,如果主题有点奇怪.但我不知道还有什么可以命名的.

我想这个代码的和平,以适应我的网站的风格.

<?php 
  global $post;
  $opties = wp_get_post_terms($post->ID, 'Items', array("fields" => "names"));
  if (count($opties) > 0) {
      echo implode(', ', $opties);  
  }
?>

现在它回应了

Item 1, Item 2, Item 3, etc...

我想请它回应以下内容:

<i class="fa fa-check" aria-hidden="true"></i>Item 1<br>
<i class="fa fa-check" aria-hidden="true"></i>Item 2<br>
<i class="fa fa-check" aria-hidden="true"></i>Item 3<br>

如何获得此代码？提前致谢!

我想要一排四个div.

.frontpage {
  width: 240px;
  margin-bottom: 20px;
  margin-right: 50px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.frontpage img {
  margin: 10px auto;
}

.frontpage a:last-child img {
  margin-right: 0;
}

<div class="frontpage">RETRO
  <br>
  <a href="retro/index.html">
    <img src="images/name1.jpg" alt="">
  </a>
  <p>TEXT</p>
  <div class="readmore"><a href="retro/index.html">READ MORE</a>
  </div>

  <div class="frontpage">RETRO
    <br>
    <a href="retro/index.html">
      <img src="images/name1.jpg" alt="">
    </a>
    <p>TEXT</p>
    <div class="readmore"><a href="retro/index.html">READ MORE</a>
    </div>

    <div class="frontpage">RETRO
      <br>
      <a href="retro/index.html">
        <img src="images/name1.jpg" alt="">
      </a>
      <p>TEXT</p>
      <div class="readmore"><a href="retro/index.html">READ MORE</a>
      </div>

      <div class="frontpage">RETRO
        <br> …

我正用这个打败自己.我不知道在做什么.这很简单,但它不起作用.我希望span在div有a 时显示一个项目class.是的,基本的,但我不能让它工作.

这是我的HTML与类 add-product

<div id="ot-pr" class="status-publish has-post-thumbnail hentry add-product">
    <span class="arrow">Testing</span>
</div>

这是JavaScript

$(document).ready(function($){
    if ($("#ot-pr").hasClass('add-product')){
        $(".arrow").show();
    } else { 
        $(".arrow").hide();
    }
});

这是CSS的CSS .arrow

.arrow {
    display: none;
    width: 0; height: 0;
    line-height: 0;
    border-right: 16px solid transparent;
    border-top: 10px solid #c8c8c8;
    top: 60px;
    right: 0;
    position: absolute;
}

我尝试了什么,添加find(span)并添加else if:

$(document).ready(function(){
    if ($("#ot-pr").hasClass('add-product')){
        $(".arrow").find('span').show();
    } else if { 
        $(".arrow").hide();
    }
});

单独或一起不起作用.为什么这不起作用.这应该是基本的吗？!我没有收到控制台错误,并jQuery.js已添加到页面中.所有其他脚本工作得很好.