JSプルの結果からテキスト行を削除する

Question

私は自分の選択したフィールド内に完全なアドレスブロックを配置するスクリプトを用意していますが、結果として得られるテキストブロックの不要な部分を取り除こうとしています表示のために。

コード：

<script> 
Sys.Application.add_load(
    function SetShipInfoValue() 
    { 
     var obj = document.getElementById("StepArea_UpdatePanelAddressBlock"); 

     if(obj == null) 
     { 
      var y = document.getElementsByClassName('ShippingAddressBlock'); 
      obj = y[0]; 
     } 


     if(obj != null) 
     { 
      var txt = obj.innerHTML; 
      var obj2 = document.getElementById("FIELD_1841"); 
      if(obj2 != null) 
      { 
       obj2.value = txt; 
      } 
     } 

    }); 
</script> 

結果：

<div class="ShippingAddressBlock"> 
<div>Store 169</div> 
<div>General Manager</div> 
<div>1740 East Rd</div> 
<div></div> 
<div>Santa Clara, CA 92705</div> 
<div></div> 
<div></div> 
<div>169</div> 
</div> 

どのように私はちょうどJS内だけで店舗数を表示するには、結果からテキスト行を排除するであろうか？

Answer 1

あなたは.childrenからの最後の子を取得することによってこれを行うことができます。

var ele = document.getElementsByClassName("ShippingAddressBlock")[0]; 
 
console.log(ele.children[ele.children.length-1].innerHTML); // 169

<div class="ShippingAddressBlock"> 
 
<div>Store 169</div> 
 
<div>General Manager</div> 
 
<div>1740 East Rd</div> 
 
<div></div> 
 
<div>Santa Clara, CA 92705</div> 
 
<div></div> 
 
<div></div> 
 
<div>169</div> 
 
</div>

また、使用することができます。

古いブラウザでサポートされます

console.log(ele.lastChild.previousSibling.innerHTML); 

を。

Answer 2

あなたはちょうど169を表示するこのhttps://jsfiddle.net/DIRTY_SMITH/em0z4p84/2/

<div class="ShippingAddressBlock"> 
    <div>Store 169</div> 
    <div>General Manager</div> 
    <div>1740 East Rd</div> 
    <div></div> 
    <div>Santa Clara, CA 92705</div> 
    <div></div> 
    <div></div> 
    <div>169</div> 
</div> 

<script> 
    $(".ShippingAddressBlock > div").filter(function(index) { 
    if (index === 0) { 
     $(this).attr('id', 'show'); 
    } 
    }); 

</script> 

CSS

.ShippingAddressBlock > div { 
    display: none; 
} 

.ShippingAddressBlock > #show { 
    display: inline; 
}