在可编辑的 div 中使用多维数组？

Question

我在可编辑的 div 中使用步骤。每个步骤可能包含不同的元素，如 span、div 等。我想将所有步骤及其元素或内容与数据库中的相同类存储。

方法，我用过 首先，我在每个步骤中收集了具有相同类的内容，然后我尝试通过 .each 循环将步骤及其内容放入数组中。但它不起作用

<div  id="txtarea2" contenteditable="true">
<div class="stepo1"><span  class="spannumber" id="1">1 </span> :
    <span id="1" class="steps3 ">yahhhjjjjjjjjasdfasdf</span></div>
<div class="stepo1"><span class="steps3 " >asdfasdfasdfasdf</span></div>
<br>

<div class="stepo2"><span class="spannumber" id="2">2 </span> :
    <span id="2" class="steps3 " >yahhhadfasdfasdf</span></div>
<br>

回答

javascript 在这里。

    function add_to_answer(){
           var  values=[];
            $('.steps3').each(function(i,el){
           values.push(el.id.$('.stepo'+el.id).text());
            });
   alert(values);
   }

Jsfiddle 到这里。

请帮助我或建议任何替代方法。

Answer 1

试试这个，

 function add_to_answer(){

       var  values=[];

       $('.steps3').each(function(){
          var xTemp = [];
          xTemp[xTemp.length] = $(this).attr('id');
          xTemp[xTemp.length] = $('.stepo'+ $(this).attr('id')).text();

          values[values.length] = xTemp;
          xTemp = [];
       });

       alert(JSON.stringify(values));

   }

DEMO

Answer 2

需要指出的几点：

你可以简单地在循环中调用 $(this).text()

JS：

function add_to_answer(){
   var  values=[];
   $('.steps3').each(function(){
       values.push($(this).parent().find('.spannumber').text());
   });
   alert(values);
}

另外，我会使用一种不显眼的方法来调用函数。 回答

JS：

//bind on dom ready
$(function() {

    //bind click event 
    $('#answer').on('click', function() {

       var  values=[];
       $('.steps3').each(function(){
           values.push($(this).parent().find('.spannumber').text());
       });

      //do something with `values`

    });
});

小提琴链接： http://jsfiddle.net/8N7Ez/