Question

我需要在WordPress循环中插入锚点。我尝试使用JavaScript（我是一个很新的JavaScript）来存档它，如下所示：

document.getElementByClass("post-40").insertAfter("<a href='#anker1'>\f107</a>");

我要归档的结果是 - https://www.dropbox.com/s/0ffcq9tu84cc8vu/Screenshot%202014-02-01%2018.36.04.png

箭头是FontAwesome的图标 - http://fortawesome.github.io/Font-Awesome/

如果有人可以帮助我，那会很棒。请对我好一点，我是非常新的代码。！

Answer 1

使用以下方法添加锚标记

jQuery(document).ready(function($) {
    $('.post-40').after('<a href="#anker1"></a>');
});

您可能想要使用CSS添加图标。你熟悉after伪元素吗？

[selector]:after {
    content: '\f107';
    more styling here...
}

我的示例将起作用，并在回答您关于在JS / jQuery中执行此操作的问题时提供，但这不是最好的方法。添加锚标记应该在PHP中完成。

Answer 2

为什么不用WordPress / PHP呢？

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    <div class="entry"> <!-- or whatever your loop code is... -->
       <?php the_content(); ?>
    </div>
    <?php if ( $post->ID == "40" ) : ?>
        <a href='#anker1'>\f107</a>
    <?php endif; ?>

<?php endwhile; else: ?>

编辑以回答有关数组和样式的评论问题。将您关注的ID放在数组$myIDs中。这也将在每个名为“link - ##”的类型上输出一个类名，其中##是帖子ID号。

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    <div class="entry"> <!-- or whatever your loop code is... -->
       <?php the_content(); ?>
    </div>
    <?php
        $myIDs = array(40, 42, 147, 256); 
        if ( in_array($post->ID, $myIDs) ) : ?>
        <a href='#anker1' class="button-link link-<?php the_ID() ?>">\f107</a>
    <?php endif; ?>

<?php endwhile; else: ?>

更多信息：
http://us3.php.net/in_array
http://codex.wordpress.org/Template_Tags
http://codex.wordpress.org/Function_Reference/the_ID

insertAfter循环链接

2 个答案: