javascript json jquery cantカスタム属性値を取得

Question

私は間違っている場所を把握できませんでした。私は非常に多くの可能性と答えを見つけましたが、カスタム属性 "attr-pid 「

<div class="prod-col et_pb_column et_pb_column_4_4" style=""> 

<div attr-pid="2" class="bbb_prov product_select et_pb_column et_pb_column_2_4 model_container"> 
<div class="icon" attr-pid="2"><img src=" " style=" max-width: 100px;"</div></div> 

<div attr-pid="4" class="bbb_prov product_select et_pb_column et_pb_column_2_4 model_container"> 
<div class="icon" attr-pid="4"><img src=" " style=" max-width: 100px;"></div></div> 

</div> 

は私が持っているこの

その倍数、にconsole.logはちょうど私を示しており、これは私がここでの唯一の1つのクラスを持っていますが、私の他のdivに取り組んでいます

aProvider = $(".bbb_prov"); 

if (me.savedJSON.providersToVisit == undefined) 
{ 
    me.savedJSON.providersToVisit = []; 
} 

for(var y = 0 ; y < aProvider.length ; y++) 
{ 
    me.savedJSON.providersToVisit.push("&bxb_provider_id="+$(aProvider[y]).attr('attr-pid')); 
} 

CEF_SaveDataJSON(me.savedJSON); 

console.log(JSON.stringify(me.savedJSON, null, 2)); 

：

"providersToVisit": [] 

Answer 1

提供されるコードが動作する（このバイオリンを参照してください。https://jsfiddle.net/ta3sgh8e/）

HTML

<div class="prod-col et_pb_column et_pb_column_4_4" style=""> 
<div attr-pid="2" class="bbb_prov product_select et_pb_column et_pb_column_2_4 model_container"> 
<div class="icon" attr-pid="2"><img src=" " style=" max-width: 100px;"></div></div> 
<div attr-pid="4" class="bbb_prov product_select et_pb_column et_pb_column_2_4 model_container"> 
<div class="icon" attr-pid="4"><img src=" " style=" max-width: 100px;"></div></div> 
</div> 

JS

function CEF_SaveDataJSON(data){ 
    //What happens in this function? 
    //data.providersToVisit = []; 
} 
me = {savedJSON:{}}; 
aProvider = $(".bbb_prov"); 
if (me.savedJSON.providersToVisit == undefined) 
{ 
    me.savedJSON.providersToVisit = []; 
} 
for(var y = 0 ; y < aProvider.length ; y++) 
{ 
    me.savedJSON.providersToVisit.push("&bxb_provider_id="+$(aProvider[y]).attr('attr-pid')); 
} 
CEF_SaveDataJSON(me.savedJSON); 
console.log(JSON.stringify(me.savedJSON, null, 2)); 

私の疑惑は、あなたがあなたの例から除外してきた私たちが見ることができない、他のペテンがない限りデータは、前にあなたのコンソールログにCEF_SaveDataJSON関数内で変更されていることです。

Answer 2

フィドルhttp://jsbin.com/kutudogopo/edit?html,js,console

これを試してください。とにかくそれらをループしているだけなので、JQueryの.eachメソッドを使ってループすることができます。

HTML：

<div class="prod-col et_pb_column et_pb_column_4_4" style=""> 

<div attr-pid="2" class="bbb_prov product_select et_pb_column et_pb_column_2_4 model_container"> 
<div class="icon" attr-pid="2"><img src=" " style=" max-width: 100px;"</div></div> 

<div attr-pid="4" class="bbb_prov product_select et_pb_column et_pb_column_2_4 model_container"> 
<div class="icon" attr-pid="4"><img src=" " style=" max-width: 100px;"></div></div> 

はJQuery：

var aProvider = $(".bbb_prov"); 
console.log(aProvider.length); 

$.each(aProvider, function(){ 
    var $this = $(this); 
    console.log($this.attr('attr-pid')); 

}); 

Answer 3

はい、それはそのまま動作するので、間違いを見つけて、コード全体を投稿していないと悪いと感じました。だから私は "if url ==="を削除しました。

this.onPageLoad = function() 
{ 
    var url = window.location.href; 
    var aModels; 
    var aProvider; 

    //iphone 
    if (url == "http://blablabla.com/apple/?menuf_id=1") //This is were i screwed up and had to remove it. 
    { 
     aModels = $(".bbb_prov"); 


     if (me.savedJSON.modelsToVisit == undefined) { 
      me.savedJSON.modelsToVisit = []; 
     } 

     if (me.savedJSON.phoneModel == undefined) { 
      me.savedJSON.phoneModel = []; 
     } 

     for(var i = 0 ; i < aModels.length ; i++) 
     { 
      me.savedJSON.modelsToVisit.push("http://blablabla.com/apple/?menuf_id=1&bxb_model_id="+$(aModels[i]).attr('attr-mid')); 
     } 

     for(var x = 0 ; x < aModels.length ; x++) 
     { 
      me.savedJSON.phoneModel.push($(aModels[x]).text()); 
     } 

     CEF_SaveDataJSON(me.savedJSON); 


     me.blablabla_GotoNextModel(); 

     aProvider = $(".bbb_prov"); 

     if (me.savedJSON.providersToVisit == undefined) { 
      me.savedJSON.providersToVisit = []; 
     } 


     for(var y = 0 ; y < aProvider.length ; y++) 
     { 
      me.savedJSON.providersToVisit.push("&bxb_provider_id="+$(aProvider[y]).attr('attr-pid')); 
     } 

     CEF_SaveDataJSON(me.savedJSON); 

     console.log(JSON.stringify(me.savedJSON, null, 3)); 
    } 

}