2017-07-17 12 views
-2

スパンで名前タグを持つページのすべての要素を取得してループしています。何か案は?[name]を含むすべてのスパンを取得する

$("span[name$='*']").each(function() { // first pass, create name mapping    
      // Console.log(this); 
      //name_map[name] = (name_map[name]) ? name + "[]" : name; 
}); 

<span class="col-xs-2 control-label" name="toddler">xxx</span> <-- get this 
<span class="col-xs-2 control-label">xxx</span> <-- don't get this 
+2

'$(" span [name] ")' –

答えて

2

var arr = $("span[name]").map(function() { 
 
    return $(this).text() 
 
}).get(); 
 

 

 
console.log(arr)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span class="col-xs-2 control-label" name="toddler">xxx1</span> 
 
<span class="col-xs-2 control-label">xxx</span>

  1. 使用:これを試してみてください。名前属性のスパンを意味する
+0

純粋なJavaScriptを使用したい場合は 'document.querySelectorAll( 'span [name]'); ' –

+0

@guradioこれらの値をシリアル化する方法はありますか? – alwaysVBNET

+0

@alwaysVBNET y serializeあなたは '.serialize();'を使うことができますが、名前と値が必要です。 valueはspanの有効な属性ではありません。あなたは 'input'を使う必要があります。または、自分で作成することもできます – guradio

4

あなただけの、例えば[name]値なしでセレクタに属性を置くことができます。唯一$('span[name]')

$("span[name]").addClass('foo');
.foo { color: #C00; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span class="col-xs-2 control-label" name="toddler">yes</span> 
 
<span class="col-xs-2 control-label">no</span>

+1

@Satpalありがとうございます! –

関連する問題