javascript - Styling specific <li> element in unordered list <ul> -


उदाहरण के लिए, मेरे पास निम्न HTML है:

  & lt; ul & gt; & Lt; li & gt; 1 & lt; / li & gt; & Lt; li & gt; 2 & lt; / li & gt; & LT; ul & gt; & Lt; li & gt; 1 & lt; / li & gt; & LT; ul & gt; & Lt; li & gt; 1 & lt; / li & gt; & Lt; li & gt; 2 & lt; / li & gt; & Lt; / ul & gt; & Lt; li & gt; 2 & lt; / li & gt; & Lt; / ul & gt; & Lt; / ul & gt; & LT; ul & gt; & Lt; li & gt; 1 & lt; / li & gt; & Lt; li & gt; 2 & lt; / li & gt; & Lt; / ul & gt; & Lt; ul & gt; `कोड दर्ज करें '& lt; li & gt; 1 & lt; / li & gt; & Lt; li & gt; 2 & lt; / li & gt; & Lt; / ul & gt;  

और, मैं केवल li तत्वों को ही शैली में रखना चाहता हूं, जिनके पास value = 1 है मैंने इसे jQuery में करने की कोशिश की और यह काम करता है, लेकिन मुझे यह जानना है कि क्या इसको सही करने का एक बेहतर तरीका है।

मेरा दृष्टिकोण:

  $ ("ul li" ) .each (फ़ंक्शन () {if ($ (this) .text () == "1") {$ (this)। Css ("color", "red");}});  

आप

  $ ("ul ली: ( '1') "।) सीएसएस (" रंग "," लाल ") शामिल हैं;  

यदि आपके पास li 1 या 2 की तुलना में अन्य मान वाले तत्व हैं तो आप jquery का उपयोग कर सकते हैं

  $ ("उल ली")। फ़िल्टर (फ़ंक्शन () {वापसी $ (यह) .text () == 1;})। सीएसएस ("रंग", "लाल");  


Comments

Popular posts from this blog

java - org.apache.http.ProtocolException: Target host is not specified -

java - Gradle dependencies: compile project by relative path -

ruby on rails - Object doesn't support #inspect when used with .include -