Question

我在一个页面上有多个帖子，并且被赋予了＃content1，＃content2，＃content3等的ID。

如何更改jQuery以识别所有多个ID？（可能有任何数量）。

所以：$('a[href="#content"]').fancybox({

需要像：$('a[href="#content1"]', 'a[href="#content2"]', 'a[href="#content3"]').fancybox({

但是没有单独列出它们。

以下是在#content：

末尾创建数字的代码

    <?php $args = array( 
        'post_type' => 'otherwork',
        'posts_per_page' => -1,
        'orderby'=>'date',
        'order'=>'ASC'
    );
    $loop = new WP_Query( $args ); $i = 0; ?>

        <article>
            <ul class="otherwork">
             <?php while ( $loop->have_posts() ) : $loop->the_post(); $i++; ?>
                <li>
                    <a href="#content<?php echo $i; ?>" ><?php the_post_thumbnail( 'otherwork-thumb' ); ?></a>
                    <div id="content<?php echo $i; ?>" style="display:none">
                        <h1><?php the_title(); ?></h1>
                        <?php the_post_thumbnail(); ?>
                        <?php the_content(); ?>
                    </div>
                </li>
            <?php endwhile; ?>
            </ul>
            <div class="clearfix"></div>
        </article>

谢谢！

Answer 1

使用＆＃34;以＆＃34;开头属性选择器 -

$('a[href^=#content"]')

http://api.jquery.com/category/selectors/attribute-selectors/

Answer 2

您可以尝试：

$('a[href*="#content"]').fancybox({});//For href containing `#content`

Answer 3

你应该可以使用＆＃34;以＆＃34;开头jQuery中的selector：

$('a[href^="#content"]').fancyBox({ ... });

这将选择href以#content

开头的所有主播

如何在调用FancyBox时定位多个/变量ID

3 个答案: