通过字母提取href元素生成类

时间:2017-07-26 20:42:02

标签: jquery list variables alphabetical

所以我有一个列表,例如:

<ul>
 <li href="pages/ade.html">ade</li>
 <li href="pages/ate.html">ate</li>
 <li href="pages/aca.html">aca</li>
 <li href="pages/bes.html">bes</li>
 <li href="pages/bon.html">bon</li>
 <li href="pages/cas.html">cas</li>
<ul>

我使用jquery来获取href属性,然后向该元素添加一个类。

$("li > a[href^='/pages/a']").parent().addClass( "brand-a" );
$("li > a[href^='/pages/b']").parent().addClass( "brand-b" );
$("li > a[href^='/pages/c']").parent().addClass( "brand-c" );

所以我不想为每个字母写一个函数,我想我可以使用字母表来完成这个。我发现这个环顾四周,但我不知道如何实现它。

alphabet = 'abcdefghijklmnopqrstuvwxyz'.split('');

由于

2 个答案:

答案 0 :(得分:1)

我认为你必须循环,也许是这样的:

RunnableGraph.fromGraph(GraphDSL.create() { implicit b =>
import GraphDSL.Implicits._

val M = b.add(MergePreferred[Int](1))
val B = b.add(Broadcast[Int](2))
val S = Source(List(3))

S ~> M ~> Flow[Int].map { s => println(s); s } ~> B ~> Sink.ignore
M.preferred <~ Flow[Int].map(x => List.fill(3)(x-1)).mapConcat(x => {println(x); x}).filter(_ > 0)  <~ B
ClosedShape 
}) 

// run() output: 
// 3
// List(2,2,2)

答案 1 :(得分:0)

您可以解析href以获取品牌信件

$('li > a[href*="pages/"]').each(function() {
  var brand = this.href.split('pages/')[1].charAt(0);
  $(this).parent().addClass('brand-' + brand);
});
.brand-a a { color: red }
.brand-b a { color: green }
.brand-c a { color: orange }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li><a href="pages/ade.html">ade</a></li>
  <li><a href="pages/ate.html">ate</a></li>
  <li><a href="pages/aca.html">aca</a></li>
  <li><a href="pages/bes.html">bes</a></li>
  <li><a href="pages/bon.html">bon</a></li>
  <li><a href="pages/cas.html">cas</a></li>
  <ul>