javascript - 如果某个 div 具有 css 值，则显示其他 div

Question

如果某个类的某个 CSS 值可用，我正在寻找一种显示更多 div 的方法。也许这可以通过一些 javascript 实现。但我不知道如何在 JS 上输出 php。

<script type="text/javascript">
if (document.getElementByClass('visible-only-if-sent').style.display = 'block';) { 

//so some php///

</srcipt>

有什么想法吗？ 也许也可以使用 php 循环和 js 语句？

编辑:我想仅当类visible-only-if-sent的值为display:block;时才显示此代码(如下)

<?php if( have_rows('social_media', 19) ):
while ( have_rows('social_media', 19) ) : the_row();

    // vars
        $background_social_media = get_sub_field('background_social_media', 19);
        $slogan_social_media = get_sub_field('slogan_social_media', 19);
        $social_icon1 = get_sub_field('social_icon1',19);
        $social_icon2 = get_sub_field('social_icon2', 19);
        $social_icon3 = get_sub_field('social_icon3', 19);
        $social_icon4 = get_sub_field('social_icon4', 19);



        ?>
<?php endwhile;
endif; ?>

Answer 1

php 是一种服务器端语言，它在浏览器中编译并呈现为 HTML，这是因为如果您查看页面源代码，您不会看到任何 PHP 标签或代码。

这里有两种解决方案:

<小时/>

使用ajax从服务器获取内容

<script type="text/javascript">

       if ($('.visible-only-if-sent').is(':visible')) { 
       {
          $('#newContent').load('/News/GetLatest/10'); // call ajax to get content
       }

</script>

   <div id="newContent"></div>

<小时/>

或者只有在客户端条件成立时才能显示 div PHP页面index.php

<script type="text/javascript">
    var showContent = false;

       if ($('.visible-only-if-sent').is(':visible')) { 
       {
          showContent = true;
          $('#newContent').show(); // show it
       }

</script>

   <div id="newContent" style="display: none;"> <!-- hidden by default -->
      <?php echo ' any content here '; ?>
   </div>