Question

Aşağıdaki kodu bir göz atın ..

                <div id="click_me">Save</div> 


<div id="blocks_sortable">
    <div id="block_1">
        <h2>Block 1</h2>

        <div class="items_sortable connectedSortable">
            <div id="item_1"> 
                <span>Item 1</span></div>   
            <div id="item_2"> 
                <span>Item 2</span></div>
            <div id="item_3"> 
                <span>Item 3</span></div>
        </div>
    </div>  
    <div id="block_2">
        <h2>Block 2</h2>

        <div class="items_sortable connectedSortable">
            <div id="item_4"> 
                <span>Item 4</span></div>   
            <div id="item_5"> 
                <span>Item 5</span></div>
            <div id="item_6"> 
                <span>Item 6</span></div>
        </div>
    </div>
</div>

<script>
    $("#click_me").click(function() {
            var result = $("#blocks_sortable > div");

            for(var i=0; i<result.length; i++){
                var str = ""; 
                var str2 = "";
                var block = result[i]; //div object

                //retrieve block id and create the string with id
                str += "block="+$(block).attr("id")+"&items=";

                //trying to select all the items of the current Block
                var result2 = $(block+" > div");                        
                    for(var j=0; j<result2.length; j++){
                        var item = result2[j];

                        str2 += $(item).attr("id")+",";
                    } //end for items

                str = str+str2;
                // looking for a final string in the format of .. block=block_1&items=item_1,item_2,item_3 for loop 1
                alert(str);
            }
    });
</script>

Bu çalışmıyor. Bu kimlikleri almak için daha kolay ve çalışan bir çözüm yoktur. Lütfen yardım edin.

Teşekkür ederim.

Answer 1

jQuery map function arkadaşınız

$.map( 
    $("#blocks_sortable > div"),
    function(elementOfArray){
        var block = $(elementOfArray);
        var children = $.map(
            $("div[id]", block),
            function( eoa ){
                return eoa.id;
            }).join(",");

        return elementOfArray.id + "=" + children;
    }
).join(",");

Eğer (bence) gidiyoruz yere çok daha yakın olur ki, "block_1=item_1,item_2,item_3,block_2=item_4,item_5,item_6" dönecektir.

EDIT: Solution ve source burada.

Answer 2

Sana str += "block="+$(block).attr("id")+"&items="; çağırdığınızda bir hata alıyorsanız düşünüyorum

Blok bir dom elemanı ve bir jquery nesnesi olduğundan. Attr çalışmıyor. Sen de var öğe ile aynı sorunları yaşıyorsanız.

Çalışma çözüm here. Ve demo here.

Bu javascript giderir:

   $("#click_me").click(function() {
            var result = $("#blocks_sortable > div");

            for(var i=0; i<result.length; i++){
                var str = "";
                var str2 = "";
                var block = result[i]; //div object

                //retrieve block id and create the string with id
                str += "block="+ block.id +"&items=";

                //trying to select all the items of the current Block
                var result2 = $("#" + block.id + "> div > div");
                    for(var j=0; j<result2.length; j++){
                        var item = result2[j];

                        str2 += item.id +",";
                    } //end for items

                str = str+str2;
                // looking for a final string in the format of .. block=block_1&items=item_1,item_2,item_3 for loop 1
                alert(str);
            }
    });

Answer 3

">" olmadan deneyin

var result = $("#blocks_sortable div");

Jquery kullanarak chid divs kimlikleri alınıyor?

3 Cevap

etiketler