Jquery 切换foreach获取div类的值
我想得到div类“nameregion”的值,我必须用Ajax通过POST发送它。 我有一个foreach,这是我尝试过的,但它不起作用,我收到了regionid的空白 谢谢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
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');