1

次の html スニペットがあります。

<div id="review_sort_section" class="ieSucks">Sort by:    
    <a href="#" data-uid="date">Date</a>    
<a href="#" data-uid="rating">Rating</a> 
    <a href="#" data-uid="vote">Vote</a>        
</div>

の値にa基づいて上記のコードのセレクターを次の html 内で変更するにはどうすればよいですか:attrdata-uid$(document).ready(function(){})

'<a href="#"  class="i-wrap ig-wrap-common i-sort-descend-common-wrap ig-wrap-common-r selected">' + 
            '<i class="i ig-common i-sort-descend-common"></i>Date</a>';
4

5 に答える 5

2

これはあなたのために働くかもしれません

$('a[data-uid="yourValue"]').attr('class','your-class-name').html('<i class="i ig-common i-sort-descend-common"></i>Date');

于 2013-03-06T12:38:52.950 に答える
2

これがあなたの質問に対する実際の回答です。可能な限り正確です-DATEをIでラップしたいと思います

デモ

$(function() {    
  $('#review_sort_section a[data-uid="date"]')
    .addClass("i-wrap ig-wrap-common i-sort-descend-common-wrap ig-wrap-common-r selected")
    .html('<i class="i ig-common i-sort-descend-common">Date</i>');
});

結果：

<div id="review_sort_section" class="ieSucks">Sort by:    
  <a href="#" data-uid="date" class="i-wrap ig-wrap-common i-sort-descend-common-wrap ig-wrap-common-r selected"><i class="i ig-common i-sort-descend-common">Date</i></a>    
  <a href="#" data-uid="rating">Rating</a> 
  <a href="#" data-uid="vote">Vote</a>        
</div>

仮定 - 次のコードが必要になる可能性があります。

HTML:

<div id="review_sort_section" class="ieSucks">Sort by:    
  <a href="#" data-uid="Date">Date</a>    
  <a href="#" data-uid="Rating">Rating</a> 
  <a href="#" data-uid="Vote">Vote</a>        
</div>

jQuery:

デモ

$(function() {
    $("#review_sort_section a").on("click",function(e) {
        e.preventDefault();
        $(this).addClass("i-wrap ig-wrap-common i-sort-descend-common-wrap ig-wrap-common-r selected")
          .html('<i class="i ig-common i-sort-descend-common">'+$(this).data("uid")+'</i>')
          .siblings().each(function() {
            $(this).html($(this).data("uid")).removeClass(); // siblings $(this)
          });

        // here we call the ajax to load the sorted data
    });
});
于 2013-03-06T12:45:44.907 に答える
2

属性セレクターを使用して、属性の特定の値を持つ要素を取得できます。

$('[data-uid="yourvalue"]')
于 2013-03-06T12:33:39.103 に答える
2

これはあなたが探しているものかもしれません：

$(document).ready(function(){
    $('a[data-uid="date"]').parent().html('<a href="#"  class="i-wrap ig-wrap-common i-sort-descend-common-wrap ig-wrap-common-r selected">' + 
            '<i class="i ig-common i-sort-descend-common"></i>Date</a>');
});

それはこれを生成します：

<div id="review_sort_section" class="ieSucks"> 
   <a href="#"  class="i-wrap ig-wrap-common i-sort-descend-common-wrap ig-wrap-common-r selected">
       <i class="i ig-common i-sort-descend-common"></i>Date
     </a>               
</div>

ここに @mplungjan によって追加された生きた例があります: http://jsfiddle.net/mplungjan/89ZhX

于 2013-03-06T12:34:32.940 に答える
1

このようにしてみてください。属性セレクターを使用する 属性がセレクターに等しい

$('a[data-uid="yourValue"]');
于 2013-03-06T12:34:00.513 に答える