javascript - 値を設定するJquery foreachループ

Question

<span name="abc">ashgs</span>
<span name="abc">ashdf</span>
<span name="abc">asdxdx</span>
<span name="abc">mnnkfvdj</span>
<span name="abc">bsbdb</span>

jquery foreachループを使用して、これらすべてのスパンに特定の値を設定したい jqueryが苦手なので助けてください よろしくお願いします

Answer 1

これは、すべての.abcクラスの値を別の値に置き換える方法です

$('.abc').each(function(){
    $(this).html('hello');
});

または@Sudhirが言ったように、値の次の方法

$("span[name='abc']")

実際のデモ: http://jsfiddle.net/hb9LN/

Answer 2

行う：

$("span[name='abc']").each(function() {
   //set what you want, like rel
   $(this).attr("rel", "some_value");
});

こちらを参照してください。jQuery each()

Answer 3

あなたが達成したいことを理解していません。これがあなたの質問で理解した努力です:

---

$('span[name="abc"]').each(function (i, v) {
  var valArr = ['Now!', 'This', 'is', 'placed', 'better'];
  $(this).text(valArr[i]);
});

フィドルでこれを見つけてください：http://jsfiddle.net/hWExC/

---

またはより良いもの：

$('span[name="abc"]').text(function () {
    var valArr = ['Now!', 'This', 'is', 'placed', 'better', 'wow!!!'];
    return valArr[$(this).index()];
});

span{border:solid 1px red; padding:5px; margin:10px 0 0 0; display:block;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span name="abc">ashgs</span>
<span name="abc">ashdf</span>
<span name="abc">asdxdx</span>
<span name="abc">mnnkfvdj</span>
<span name="abc">bsbdb</span>

Answer 4

スパンの html コンテンツを設定する場合は、

$("span[name='abc']").html('the content');

使用する必要はありません.each()。