javascript - Applying a style to and inserting a line break after the first word in a link -

-

I have been asked to recreate an HTML site in WordPress and all I have done is that one Manny has done in addition to the bar. See the image on this:

In short, I want a method of styling the first word of an element differently and insert line break after its first word. I'm sure this is a quick jquery hack, but it's not enough info about JQ to be with your own.

Here's the catch: A drop-down menu appears with those small arrows, I have a dropdown function, but to ensure that whatever solution applies on the main menu, with dropdowns ( They leave the ul list within the LI item).

Any help would be appreciated.

Without an HTML example of your menu, it is difficult to give you a specific answer.

But you can use some jQuery as the following, this will allow you to add the word to the first word, and all else it is .split () in the html , Will give you an array. Wrap the first item into the span allowing the style, then uses jQuery .each () to add the loop back to the string through the rest. After this HTML has been replaced with the new version: 

  $ ('# header> gt; ul.nav & gt; li & gt; a'). Each (function () {var obj = $ (this); var text = obj.html (); var parts = text.split (''); var = '& lt; span class = "first ward" & gt; '+ Parts [0] +' ; Br / & gt; 'parts.shift (); $ .eich (parts, function (key, value) {change + =' '+ value ;}); Obj.html (change);});   
 Example CSS:  
 . FirstWorld {font-size: 15px; } .menuHeader {margin-left: 10px; Swim left; Font-size: 40px; }. Menu {width: 100%; Height: 120px; Background color: #ff 8c 00;   
 A  
 
 Reflect the code from the comment.  
 Use selector:  
  $ ('# header> gt; ul.nav & gt; li & gt; a')   
 You only need to add the first menu item to select:  
 . First World {font-size: 15px; }   
 To adjust the size of the first item to your CSS. Good suggestions by  
 
, you can change jQuery:   gt = ul.nav & gt; li & gt; a' Text.split (''); var = '& lt; span class = "firstword" & gt;' + parts [0] + '<-span> 
 parts.shift (); + = Parts.join (' '); obj.html (replaced);});   
 To make it a little smaller.

Comments

Post a Comment

Popular posts from this blog

qt - switch/case statement in C++ with a QString type -

-
I want to use switch-case in my program but the compiler generates an error. How can I use the switch statement with QString ? The compiler gives me this error: The expression of the switch type 'QString' is invalid My code is as follows : boolStopWord (the word QString) {bool flag = false; Switch (word) {case "the": flag = true; break ; "On" case: flag = true; break ; Case "in": flag = true; break ; Case "your": flag = true; break ; Case "near": flag = true; break ; Case "all": flag = true; break ; Case "this": flag = true; break ; } Return flag; } How do I use the switch statement with a Caststring ? You can not use the switch statement in C ++ language with integral or enum types. You can formally enter the square type of object in the switch statement, but this means that the compiler will look for a user-defined conversion to convert it to an integral or enum type.
Read more

python - sqlite3.OperationalError: near "REFERENCES": syntax error - foreign key creating -

-
I'm trying to create a predefined key after checking the manual and I wrote it: Db.execute ("create table" Table 2 (id, integer primary key, somedata integer) "db.execute" (table creation table 2 does not exist (name text, maintain reference (id) ") and found this: sqlite 3. Operation error: near" references ": syntax error Your second ligne is wrong db.execute ("create table if table does not exist 2 (name text, my_id integer, foreign key (my_id) reference Maintenance (ID)) ") as explained
Read more

Python's equivalent for Ruby's define_method? -

-
What is a Python equivalent for Ruby's define_method , which is the dynamic generation of class methods will allow? (As can be seen in Wikipedia) Functions are first-class objects in Python and assign them The properties of a class or an example can be a way of doing the same thing as a Wikipedia example: colors = {"black": "000", "red": "F00", "green": "0f0", "yellow": "ff0", "blue": "00f", "magenta": "fff", "cyan": "0ff", "white": " FFF "} Class MyStream (ARR): Pass for Name, Code in colors.iteritems (): def _in_colour ( W code = code): return '& lt; Span style = "color:% s" & gt;% s & lt; / Span & gt; ' % (Code, self) setter (histrive, "in_" + name, _in_ color)
Read more