javascript - 使用 JQuery 选择动态变量

Question

我正在使用“pbd-ajax-load-posts”WordPress 插件在加载更多按钮上进行分页。在代码底部，每次单击 .btn-more 按钮时，代码作者都会附加新类。所以我需要在甚至帖子之后添加一个分隔符。我在那个甚至有类的类之后附加 - 我的分隔线。

所以，我需要动态定位“pbd-alp-placeholder-xx”，这样它就不会添加已经添加的行。

 $('#content') .append('<div class="pbd-alp-placeholder-'+ pageNum +'"></div>')

这是几行代码:

$('.btn-more').click(function() {

    // Are there more posts to load?
    if(pageNum <= max) {

        // Show that we're working.
        $(this).text('Loading posts...');

        $('.pbd-alp-placeholder-'+ pageNum).load(nextLink + ' .post',
            function() {
                // Update page number and nextLink.
                pageNum++;
                nextLink = nextLink.replace(/paged[=].[0-9]?/, 'paged='+ pageNum);

                // Add a new placeholder, for when user clicks again.
                $('#content')
                    .append('<div class="pbd-alp-placeholder-'+ pageNum +'"></div>')


            $(".pbd-alp-placeholder- .even").append('<img src="http://webpage/wp-content/themes/funky/img/two-line-seperator.png" style="width:100%; margin: 25px 0; height: 4px;"/>'); 

我尝试了类似的方法，但它没有醒来。

$(".pbd-alp-placeholder-'+ pageNum +' .even")

Answer 1

第一个选项:

由于开发人员正在附加代码...

$('#content')
  .append('<div class="pbd-alp-placeholder-'+ pageNum +'"></div>')

...您不能简单地添加类似...的内容吗

$('#content')
  .append('<div class="pbd-break pbd-alp-placeholder-'+ pageNum +'"></div>')

...pbd-break class 和 this 到 CSS 代码。

.pd-break {
    border-bottom: 1px solid black;
}

<小时/> 第二个选项:

或者，您可以像这样简单地更改相同的第一行...

$('#content')
  .append('<div class="pbd-break pbd-alp-placeholder-'+ pageNum +'"></div>')
  .append("<hr/>")

...您可以有效地将您想要的任何 HTML 放在 <hr/> 的位置是...