無法獲得$（this）在JQuery工作

Question

嘿傢伙，所以我試圖讓所有在wordpress中查詢的文章的概述產品功能工作。 這裏是我的設置：

<?php $i = 0; $j = 1;?> 
<?php if (have_posts()) : while (have_posts()) : the_post(); ?> 
<?php get_template_part('content', get_post_format()); 
     $postid[$i] = get_the_ID(); 
     echo "<input type='hidden' value='".$postid[$i]."' id='hiddenpostitle".$j."' name='hiddenpostitle'/> "; 
     echo "<input type='hidden' value='".$j."' id='hiddenpostnumfield'/> "; 
?> 
<script type="text/javascript"> 
     $(function() { 
      $('.item-post a').click(function() { 
       var num; 
      $(this).num = $('#hiddenpostnumfield').val(); 
       var prodname ; 
      $(this).prodname = $('#hiddenpostitle' + num).val(); 

       $.post('overviewcheck-515adfzx8522', { 
         'ProdName': prodname 
       }, 
       function(response) { 
       }, 
       'json' 
      ); 
     }); 
     $('.item-post a').colorbox({ 
       opacity:0.3, 
       href:"../overviewa512454dzdtfa" 
     }); 
    }); 
</script>    
<?php 
     $i++; 
    $j++; 
    ?> 
    <?php endwhile; endif; ?> 

因此，這將得到一堆從WordPress的帖子，並將其粘貼到網頁，jQuery代碼，然後想獲取指定的產品編號在此基礎上從.item-post a點擊後

當我運行此我得到的最後的帖子，不是什麼都不會發生 - 例如1,2,3,4,5它會選擇總是5.

讓我知道，如果這是有道理的，我不，我用正確的思考$（本）。但並不是肯定的是，如果你能給我一隻手我將不勝感激:)

更新：

<?php /*query_posts('test');uncategorized*/ $i = 0; $j = 1;?> 
       <?php if (have_posts()) : while (have_posts()) : the_post(); ?> 
       <?php get_template_part('content', get_post_format()); 
        $postid[$i] = get_the_ID(); 
        echo "<input type='hidden' value='".$postid[$i]."' id='hiddenpostitle".$j."' name='hiddenpostitle'/> "; 
        echo "<input type='hidden' value='".$j."' id='hiddenpostnumfield'/> "; 
       ?> 

       <?php 
       $i++; 
       $j++; 
       ?> 
       <?php endwhile; endif; ?> 
      <script type="text/javascript"> 
           $(function() 
           { 


            $('.item-post a').each("click" ,function(e) { 
             $(this).click(function(e) { 


             var num; 
             num = $('#hiddenpostnumfield').val(); 
            var prodname ; 
            prodname = $('#hiddenpostitle' + num).val(); 

             $.post('overviewcheck-515adfzx8522', 
             { 
              'ProdName': prodname 

             }, 
             function(response) { 
             }, 
             'json' 
            ); 
            }); 
            }); 
            $('.item-post a').colorbox({opacity:0.3, href:"../overviewa512454dzdtfa"}); 
           }); 

          </script> 

我得到一個錯誤，說點擊有沒有方法「應用」

好了，所以WordPress的querys後 -

<?php /*query_posts('test');uncategorized*/ $i = 0; $j = 1;?> 
        <?php if (have_posts()) : while (have_posts()) : the_post(); ?> 
        <?php get_template_part('content', get_post_format()); 
         $postid[$i] = get_the_ID(); 
         echo "<input type='hidden' value='".$postid[$i]."' id='hiddenpostitle".$j."' name='hiddenpostitle'/> "; 
         echo "<input type='hidden' value='".$j."' id='hiddenpostnumfield'/> "; 
        ?> 

        <?php 
        $i++; 
        $j++; 
        ?> 
        <?php endwhile; endif; ?> 

這將創建一個輸入字段 - 2級隱藏的和遞增值，hiddenpostitle1，hiddenpostitle2等..和hiddenpostnumfield值將增加1,2,3等C。當帖子被張貼。與JQuery代碼相比，將選擇哪個圖像（image-post a），而不是發送到基於傳遞的數據創建會話的文件，並且colorbox會以概覽的形式打開它。

我的問題：

我不能得到通過正確的數據基礎上，他們選擇什麼刺。不管它總是放在現場的最後一個帖子。

好吧，現在我們到了某個地方！

檢查它的行動去prodjsoundlighting.com - 點擊圖像，但仍然越野車，不知道爲什麼。

<?php /*query_posts('test');uncategorized*/ $i = 0; $j = 1;?> 
       <?php if (have_posts()) : while (have_posts()) : the_post(); ?> 
       <?php get_template_part('content', get_post_format()); 
        $postid[$i] = get_the_ID(); 
        echo "<input type='hidden' value='".$postid[$i]."' id='hiddenpostitle".$j."' name='hiddenpostitle'/> "; 
        echo "<input type='hidden' value='".$j."' id='hiddenpostnumfield".$j."'/> "; 
       ?> 

       <?php 
       $i++; 
       $j++; 
       ?> 
       <?php endwhile; endif; ?> 
       <script type="text/javascript"> 
           $(function() 
           { 


            $('.item-post a').each(function(i) { 
             $(this).on("click", function(e) { 


             var num; 
             num = $('#hiddenpostnumfield' +(i+1)).val(); 
            var prodname ; 
            prodname = $('#hiddenpostitle' + (i+1)).val(); 

             $.post('overviewcheck-515adfzx8522', 
             { 
              'ProdName': prodname 

             }, 
             function(response) { 
             }, 
             'json' 
            ); 
            }); 
            }); 
            $('.item-post a').colorbox({opacity:0.3, href:"../overviewa512454dzdtfa"}); 
           }); 

          </script> 

So now it is putting up, but it is taking like 3 above what it is suppose...best way is to see it so check it out and let me know. 

Answer 1

您正在使用$(this)錯誤：

這裏更新的代碼。 $(this)指向觸發該功能的元素，因此在您的情況下點擊$('.item-post a')。

此外，與$(this)無關，您的代碼通過一個循環運行，但創建一個輸入負載相同的id - hiddenpostnumfield。 id在頁面內應該是唯一的。