Question

我有一个WordPress循环，其中列出了数据。我动态创建一个按钮并设置其ID。当我将该ID设置到文本框中时，我可以看到所有按钮都有不同的ID，因为我每次都会增加数字。到这里为止，一切正常，并且工作正常。

但是需要使用javascript来设置文本框的值和按钮ID的值。

我使用以下代码：

<script>    
jQuery(document).ready(function($){
    $('.p-name-x').click(function(){
        $('#dynamic-field').val($(".the-prod-counter").val());        
    });
    alert($(".the-prod-counter").val());
});
</script>

如果我从循环中获得ID，则$('.p-name-x').click(function() x上的

应该用数字来更改。

在我提醒下，它始终会给出第一个ID。例如，如果我有3个按钮，则警报会给出第一个ID的3倍！

如何获得显示其他数字的警报？

------------- 编辑 --------------

这是我的代码的一部分

<?php
$type = 'stiel_privatkunden';
$args=array('stiel_privatkunden_cat' => $post_slug, 'post_type' => $type, 'posts_per_page'=>-1, 'order'=>'ASC');
$my_query = new WP_Query($args);
$i=1;
$idh=1;
while ($my_query->have_posts()) : $my_query->the_post(); 
if($i%2==0) {
?>


<div class="row" style="background:#f3f3f3" id="<?php the_field('prod_slug'); ?>">
<div class="col-xs-12 col-sm-6">
<figure class="pro-innerpage-img">
<?php the_post_thumbnail(); ?>
</figure>
</div>

<div class="col-xs-12 col-sm-6" style="padding:20px;">
<div class="title_content">
<div class="the-title"><?php the_title();?></div>
<div class="the-desc"><?php the_field('description'); ?></div>

<?php if( get_field('passende_Produkte') ): ?>
<div class="vc_toggle vc_toggle_square vc_toggle_color_black vc_toggle_color_inverted vc_toggle_size_md">
<div class="vc_toggle_title" tabindex="0"><h4>passende Produkte</h4><i class="vc_toggle_icon"></i></div>
<div class="vc_toggle_content" style="display: none;">
<p><?php the_field('passende_Produkte'); ?></p>
</div>
</div>
<?php endif; ?> 


<?php if( get_field('link_mehr_erfahren') ): ?>
<a href="<?php the_field('link_mehr_erfahren'); ?>" class="vcex-button theme-button flat medium inline animate-on-hover wpex-dhover-0" style="background:#3fbfef;color:#ffffff;border:1px solid #3fbfef;border-radius:0px;" data-wpex-hover="{&quot;background&quot;:&quot;#ffffff&quot;,&quot;color&quot;:&quot;#3fbfef&quot;}"><span class="theme-button-inner">mehr erfahren</span></a>
<?php endif; ?>

<?php if( get_field('link_jetz_anfragen') ): ?>
<a href="<?php the_field('link_jetz_anfragen'); ?>" class="vcex-button theme-button flat medium inline animate-on-hover wpex-dhover-0 popup-form p-name-<?php echo $idh; ?>" style="background:#3fbfef;color:#ffffff;border:1px solid #3fbfef;border-radius:0px;" data-wpex-hover="{&quot;background&quot;:&quot;#ffffff&quot;,&quot;color&quot;:&quot;#3fbfef&quot;}" onclick="setValue()"><span class="theme-button-inner">jetzt anfragen</span></a>
<?php endif; ?>

</div>


<!--<input type="text" name="the-prod-name" class="the-prod-name-<?php echo $idh; ?>" value="<?php the_field('prod_slug');?>">-->
<input type="hidden" name="the-prod-counter" class="the-prod-counter" value="<?php echo the_field('prod_slug') . '-'. $idh; ?>">
<!--<input type="text" name="the-prod-idk" class="the-prod-idk" value="<?php //echo $idh; ?>"> -->

<script>    

jQuery(document).ready(function($){

$('.p-name').click(function(){
    $('#dynamic-field').val($(".the-prod-counter").val());        
});

//alert($(".the-prod-counter").val());

});

</script>

</div>
</div>

<br/> 

<?php } else { ?>

循环多次返回相同的值

0 个答案: