2016-07-21 11 views
2

私は次のようにJSON持っている:私は上記の質問の一部が表示され、個別にクリックされたときの答えを開くアコーディオンを持って削除弾丸

{ 
"qaset": [ 
    { 
     "question": "question1", 
     "answer": [ 
      "answer11", 
      "answer12" 
     ] 
    }, 
    { 
     "question": "question2", 
     "answer": "answer2" 
    }, 
    { 
     "question": "question1", 
     "answer": [ 
      "answer31", 
      "answer32" 
     ] 
    } 
] 

を。私は質問と答えを表示するためにng-repeatを使用しています。

ここで、答えはul、liタグのng-repeatです。このため、1つの答えしか持たない質問は、弾丸に対して表示されます。そのような単一回答項目(上記のanswer2)に対してのみ、どのように弾を取り除くのですか?

答えて

1
li:only-child { 
    list-style: none 
} 

ピュアCSS。

EDITありがとう@マイケル・パーカー、そうです。 疑似セレクタ:親の唯一の子である唯一の子のターゲット要素。 liはすべてのliを対象としていますが、only-childは両親の唯一の子であるすべてのliに制限されます。

すべてのHTMLのすべての唯一の子供のために働くよりも注意してください。私はあなたが後にしている何を達成するであろう

li:first-child:nth-last-child(1) { 
    list-style: none; 
} 

を信じて、制限の実装の例は http://cdpn.io/e/BzAxkZ

+0

このコードは、それが解決*問題は解答者の長期的な価値を向上する理由*方法*および/または*に関する追加のコンテキストを提供し、質問に答えるかもしれないが。 –

+0

ありがとう! li:唯一の子{ リストスタイル:なし; } 私のために働いた。 唯一のことは、配列[すなわち]の中に "answer2"をまだ定義していなければなりません。とにかく助けてくれてありがとう。 – Shyam

0

で見ることができます

.any-class li:only-child { 
    list-style: none; 
} 

EDITを使用します。ここではテストケースです:

https://jsfiddle.net/bqeo6jx8/

+0

私が取り組んでいるシナリオは、上記のテストケースで言及したシナリオとは少し異なります。とにかく、@ xXDarioXxは私の質問に答えました。とにかくありがとう! – Shyam

関連する問題