2

ページのすべてのアンカー タグを取得し、1 つのクラスを mailto (例mailto:example@example.com) に追加し、別のクラスを Web リンク (例)に追加する方法はhttp://example.com?

期待される出力:

<a href="mailto:example@example.com" class="class1">
<a href="http://example.com" class="class2">
4

8 に答える 8

11 
$('a[href^="mailto:"]').addClass('class1');
$('a:not([href^="mailto:"])').addClass('class2');​

例: http://jsfiddle.net/HackedByChinese/3t2MQ/2/

の代わり:not()に使用してください[href^="http"]。

于 2012-06-15T09:37:07.260 に答える
2

この JQuery を使用して、アンカー要素のコレクションを取得できます。

var elements = $("a");

そこから、それぞれをループして、href 値を確認できます。

elements.each(function(){
   var a = $(this);
   if(a.attr("href").indexOf("mailto:") == 0){
      a.addClass("MailToClass");
   }
   else{
      a.addClass("HttpClass");
   }
});
于 2012-06-15T09:39:10.207 に答える
0 
$(document).ready(function() {
    $.each($('a'), function(k, v) {
        var href = $(v).attr('href');
        if (href.indexOf('mailto') != -1)
            $(v).addClass('class1');
        else
            $(v).addClass('class2');
    });
});
于 2012-06-15T09:38:02.407 に答える
0

このようなものを使用できます

$('a[href^="mailto:"]').addClass('class1'); //This line adds a class to any href starting with mailto
$('a[href^="http"]').addClass('class2'); //This line adds a class to any link starting with http
于 2012-06-15T09:38:07.033 に答える
0

これを試して：

$('a[href^="mailto').each(function(){
   $(this).addClass('sth')
})
于 2012-06-15T09:38:31.767 に答える
0 
$("a").each(function(){
  if($(this).attr('href').indexOf('mailto:') == 0) {//mailto link
   $(this).addClass('class1')
  }
  else {
   $(this).addClass('class2')
  }
 });
于 2012-06-15T09:42:56.813 に答える
0

jQuery 関数を使用してすべてのアンカー要素をループし、追加するクラスがわかるように.each()チェックします。href

例

$('a').each(function(){
    if($(this).attr('href') == 'mailto:example@example.com'){
        $(this).addClass('class1');
    }
    else if($(this).attr('href') == 'http://example.com'){
        $(this).addClass('class2');
    }
});
于 2012-06-15T09:39:23.607 に答える
-1

同じドキュメント内のタグを見つけるには

$('a[href^="mailto:"]').addClass('class1');
$('a:not([href^="http:"])').addClass('class2');

iframeで見つける

jQuery("a[href^='mailto:']",jQuery("#myiframe")[0].contentDocument).addClass('class1');
jQuery("a:not([href^='http:'])",jQuery("#myiframe")[0].contentDocument).addClass('class2');
于 2012-06-15T09:40:05.980 に答える