次のコードがあります (XSLT/HTML を使用)
<div class="{@ClassName} modify""><img src="{substring-before(@Image, ', ')}"/></div>
「ClassName」は CMS を介して動的に通過します。2 つのオプションが選択されている場合、それらは他の文字の束によって分離されます。その結果、次のような結果になります。
;#class1;#class2;#
私がやろうとしているのは、現在の設定に基づいてクラス名を変更することです。私が書いた次のコードは、ブラウザのコンソール ウィンドウに入力すると、非常に魅力的です。ただし、実際のページに追加すると有効になりません。それが優先事項なのか、それとも何か他のものなのか疑問に思っています:
$('.modify').each(function(){
var newPrimeItem= "primary item";
var newItem = "item";
if ( $(this).attr('class') == ";#primary;#item;# modify") { $(this).attr('class', newPrimeItem);}
if ( $(this).attr('class') == ";#item;# modify") { $(this).attr('class', newItem );}
});
これに関する任意の助けをいただければ幸いです。
前もって感謝します :)