js 获取了相同 class的值，显示在页面div后面

js获取了页面相同class的值；js代码：vardata=$(".selected").map(function(){return$(this).text();}).t... js获取了页面相同class的值；
js代码：var data= $(".selected").map(function(){
return $(this).text();
}).toArray();
得到的值为1，2；
怎么把得到的值加入页面另一段代码里面
页面的代码<p class="name" id=testdiv style="width: 500;height: 30px;background-color: #ececec"></p> 展开

 我来答

2个回答

#热议# 上班途中天气原因受伤算工伤吗？

网海1书生

科技发烧友

2018-09-14 · 擅长软件设计、WEB应用开发、小程序

网海1书生

采纳数：12311 获赞数：26228

向TA提问私信TA

关注

展开全部

$("#testdiv").html($(".selected").map(function(){
    return $(this).text();
}).toArray().join(","));

追问

没有反应

追答

你用下面的代码试试：

<div class="square">style1</div>
<div class="square">style2</div>
<div class="square" >style3</div>
<div class="square">style4</div>
<input type="button" class=login_submit value="denru">
<p class="name" id=testdiv style="width: 500;height: 30px;background-color: #ececec"></p>
<script>
$(function(){
   $(".square").each(function(k,v){
      $(v).click(function(){
         if(!$(v).is(".selected")){
            $(this).addClass("selected");
         }else{
            $(this).removeClass("selected");
         }
      });
   });
   $(".login_submit").on('click',function(){
      $("#testdiv").html($(".selected").map(function(){
         return $(this).text();
      }).toArray().join(","));
   });
});
</script>

已赞过 已踩过<

评论收起

a小鳄鱼
2018-09-14 · 超过77用户采纳过TA的回答

知道小有建树答主

回答量：152

采纳率：28%

帮助的人：72.5万

我也去答题访问个人页

关注

展开全部

得到的是一个数组，for循环循环数据，把数据处理成一个字符串str，然后用jQuery的方法：＄（＇＃testdiv ＇）．html（str）；即可

更多追问追答
追问

能不能有具体的代码
追答
<html>
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
</body>
<select　 class="selected">
<option value="1">1
</select>
<select　 class="selected">
<option value="2">2
</select>
<select　 class="selected">
<option value="3">3
</select>
<p id="testdiv"
style="width: 500; height: 30px; background-color: #ececec"></p>
<script type="text/javascript" src="js/jquery1.42.min.js"></script>
<script type="text/javascript">
var data = $(".selected").map(function() {
return $(this).text();
}).toArray();
var str = "";
for (var i = 0; i < data.length; i++) {
str = str + data[i];
}
$('#testdiv').html(str);
</script>
</html>


追问

非常感谢，另外一个问题，如果我想以数组的形式就是 data直接传给php文件，为什么总是传不过去
$.ajax({
url: 'test3.php',
type: 'POST',
data: ,（这个地方怎么弄）
dataType:'json',
});
php页面改怎么接收
追答

ajax：
$.ajax({
type: "post",  //数据提交方式（post/get）
url: "demo.php",  //提交到的url
data: {data:data},//提交的数据
dataType: "json",//返回的数据类型格式
success: function(msg){
...//返回成功的回调函数
},
error:function(msg){
...//返回失败的回调函数
}
});
php：
$username=$_POST['data'];//接收以post方式提交来的data数据
追问

非常感谢，弄了一天，之前也试过没有加字符串就是不行，现在怎么弄都可以。非常感谢

本回答被提问者采纳

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

js 获取了相同 class的值，显示在页面div后面

为你推荐：