Jquery 切换foreach获取div类的值

Jquery 切换foreach获取div类的值,jquery,ajax,foreach,Jquery,Ajax,Foreach,我想得到div类“nameregion”的值,我必须用Ajax通过POST发送它。 我有一个foreach,这是我尝试过的,但它不起作用,我收到了regionid的空白 谢谢 foreach($data as $plus) { if($prev_type != $plus['FRN_TYPE_ENTREE_VALUE']) { $prev_type = $plus['FRN_TYPE_ENTREE_VALUE']; echo ' <div style="col

我想得到div类“nameregion”的值,我必须用Ajax通过POST发送它。 我有一个foreach,这是我尝试过的,但它不起作用,我收到了regionid的空白

谢谢

foreach($data as $plus) {

if($prev_type != $plus['FRN_TYPE_ENTREE_VALUE']) {
       $prev_type = $plus['FRN_TYPE_ENTREE_VALUE'];
       echo ' <div style="color: #708090; font-size: 24px; margin-bottom: 30px; margin-left: 20px; margin-top: 25px; text-align: left;">
       '.$plus['FRN_TYPE_ENTREE_VALUE'].'</div>';
    } 

echo '<a href="#" class="region" value="'.$plus['FRN_TYPE_ENTREE'].'"><img src="images/plus.png" style="float: left; margin-top:-5px; margin-left: 15px; margin-right: 5px;"></a>
<div style="color: #000; font-size: 20px; margin-bottom: 30px; margin-left: 20px; margin-top: 0px; text-align: left;" class="nameregion" value="oui">'.$plus['FRN_RGN_VALUE'].'</div></a>
<div class="mytoggle"><div class="val"></div></div>';
}
<script type="text/javascript">
$(".mytoggle").hide();
$('.region').click(function(){
$(this).next().next('.mytoggle').toggle('fast');
var catalogue = "catalogue";
var regionid = $(this).next().val();
            $.ajax({
            type: 'POST',
            url: 'function.php',
            data: {'catalogue': catalogue, 'regionid': regionid },
            success: function (data) {
            $(".val").append(""+data+"").fadeIn(1000);
           }
           });
          $(".val").empty();
    return false; //to avoid the link from working
});
</script>
foreach($plus数据){
如果($prev_type!=$plus['FRN_type_entre_VALUE'])){
$prev_type=$plus['FRN_type_entre_VALUE'];
回声'
“.$plus['FRN_TYPE_entre_VALUE']”;
} 
回声'
“.$加上['FRN\u RGN\u VALUE']”
';
}
$(“.mytoggle”).hide();
$('.region')。单击(函数(){
$(this.next().next('.mytoggle').toggle('fast');
var catalog=“目录”;
var regionid=$(this.next().val();
$.ajax({
键入:“POST”,
url:'function.php',
数据:{'catalog':目录,'regionid':regionid},
成功:功能(数据){
$(“.val”).append(“+data+”).fadeIn(1000);
}
});
$(“.val”).empty();
返回false;//以避免链接工作
});
我想在这里得到值“oui”:

。$plus['FRN\u RGN\u VALUE']
谢谢。

尝试更改此选项:

foreach($data as $plus) {

if($prev_type != $plus['FRN_TYPE_ENTREE_VALUE']) {
       $prev_type = $plus['FRN_TYPE_ENTREE_VALUE'];
       echo ' <div style="color: #708090; font-size: 24px; margin-bottom: 30px; margin-left: 20px; margin-top: 25px; text-align: left;">
       '.$plus['FRN_TYPE_ENTREE_VALUE'].'</div>';
    } 

echo '<a href="#" class="region" value="'.$plus['FRN_TYPE_ENTREE'].'"><img src="images/plus.png" style="float: left; margin-top:-5px; margin-left: 15px; margin-right: 5px;"></a>
<div style="color: #000; font-size: 20px; margin-bottom: 30px; margin-left: 20px; margin-top: 0px; text-align: left;" class="nameregion" value="oui">'.$plus['FRN_RGN_VALUE'].'</div></a>
<div class="mytoggle"><div class="val"></div></div>';
}
<script type="text/javascript">
$(".mytoggle").hide();
$('.region').click(function(){
$(this).next().next('.mytoggle').toggle('fast');
var catalogue = "catalogue";
var regionid = $(this).next().val();
            $.ajax({
            type: 'POST',
            url: 'function.php',
            data: {'catalogue': catalogue, 'regionid': regionid },
            success: function (data) {
            $(".val").append(""+data+"").fadeIn(1000);
           }
           });
          $(".val").empty();
    return false; //to avoid the link from working
});
</script>
var regionid = $(this).next().val();
为此:

var regionid = $('.nameregion').html();
<div style="color: #000; font-size: 20px; margin-bottom: 30px; margin-left: 20px; margin-top: 0px; text-align: left;" class="nameregion" data-value="oui">'.$plus['FRN_RGN_VALUE'].'</div></a>
如果类为
nameregion
的div是您单击的元素之后的下一个元素,则可以使用此选项:

var regionid = $(this).next().html();
但仅当单击元素后的下一个元素是


更新

改变这个

<div style="color: #000; font-size: 20px; margin-bottom: 30px; margin-left: 20px; margin-top: 0px; text-align: left;" class="nameregion" value="oui">'.$plus['FRN_RGN_VALUE'].'</div></a>

Div元素没有
属性,但您可以像这样使用数据属性:
data value=“oui”
Div
元素没有
。尝试使用
数据-
属性:

<div data-value="oui"></div>

如果我这样做,我会得到“.$plus['FRN_RGN_VALUE']”,我想得到“oui”。之后我会为每个foreachdiv元素添加一个不同的数据值。没有值属性,请查看我的更新@user3162341。这是我想要的,数据值解决了我的问题。谢谢您的帮助@user3162341I有一个小问题,如果我把“$plus['FRN\u RGN\u VALUE\u ID']”放在js中,我得到的每个结果都是“25”,所以同样,我想我必须使用next来表示数据值?
<div data-value="oui"></div>
var regionid = $(this).next().data('value');