2015-01-26 5 views
0

Есть ли способ удалить символы перед fa-?JQuery Удалить текст перед строкой

[] 
 
fa-deviantart 
[] 
 
fa-diamond 
[] 
 
fa-digg 
[] 
 
fa-dollar 
(alias) 
[] 
 
fa-dot-circle-o 
[] 
 
fa-download 
[] 
 
fa-dribbble 
[] 

$(document).ready(function() { 
 
    // var myfa = "fa-"; 
 
    // var findFA = myfa.substr(myfa.length - 3); // => "fa-" 
 
    
 
    $("textarea").val($("div").html().replace(/fa-/g,".fa .fa-")); 
 
    $("div").html($("textarea").val()); 
 
});
div { 
 
    white-space: pre-line; 
 
    position: absolute; 
 
    top: 200px; 
 
    top: 100px; 
 
} 
 

 
textarea { 
 
    position: absolute; 
 
    width: 90%; 
 
    left: 5%; 
 
    padding: 0; 
 
    height: 100px; 
 
}
<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="initial-scale=1.0"> 
 
    <meta http-equiv="X-UA-Compatible" content="IE=9" /> 
 
    <link type="text/css" rel="stylesheet" href="http://necolas.github.io/normalize.css/3.0.1/normalize.css" /> 
 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
 
    </head> 
 
    <body> 
 
    <textarea></textarea> 
 
    <div> 
 
      
 
     fa-bitcoin 
 
     (alias) 
 
     [] 
 
      
 
     fa-bold 
 
     [] 
 
      
 
     fa-bolt 
 
     [] 
 
      
 
     fa-bomb 
 
     [] 
 
      
 
     fa-book 
 
     [] 
 
      
 
     fa-bookmark 
 
     [] 
 
      
 
     fa-bookmark-o 
 
     [] 
 
      
 
     fa-briefcase 
 
     [] 
 
      
 
     fa-btc 
 
     [] 
 
      
 
     fa-bug 
 
     [] 
 
      
 
     fa-building 
 
     [] 
 
      
 
     fa-building-o 
 
     [] 
 
      
 
     fa-bullhorn 
 
     [] 
 
      
 
     fa-bullseye 
 
     [] 
 
      
 
     fa-bus 
 
     [] 
 
      
 
     fa-buysellads 
 
     [] 
 
      
 
     fa-cab 
 
     (alias) 
 
     [] 
 
      
 
     fa-calculator 
 
     [] 
 
      
 
     fa-calendar 
 
     [] 
 
      
 
     fa-calendar-o 
 
     [] 
 
      
 
     fa-camera 
 
     [] 
 
      
 
     fa-camera-retro 
 
     [] 
 
      
 
     fa-car 
 
     [] 
 
      
 
     fa-caret-down 
 
     [] 
 
      
 
     fa-caret-left 
 
     [] 
 
      
 
     fa-caret-right 
 
     [] 
 
      
 
     fa-caret-square-o-down 
 
     [] 
 
      
 
     fa-caret-square-o-left 
 
     [] 
 
      
 
     fa-caret-square-o-right 
 
     [] 
 
      
 
     fa-caret-square-o-up 
 
     [] 
 
      
 
     fa-caret-up 
 
     [] 
 
      
 
     fa-cart-arrow-down 
 
     [] 
 
      
 
     fa-cart-plus 
 
     [] 
 
      
 
     fa-cc 
 
     [] 
 
      
 
     fa-cc-amex 
 
     [] 
 
      
 
     fa-cc-discover 
 
     [] 
 
      
 
     fa-cc-mastercard 
 
     [] 
 
      
 
     fa-cc-paypal 
 
     [] 
 
      
 
     fa-cc-stripe 
 
     [] 
 
      
 
     fa-cc-visa 
 
     [] 
 
      
 
     fa-certificate 
 
     [] 
 
      
 
     fa-chain 
 
     (alias) 
 
     [] 
 
      
 
     fa-chain-broken 
 
     [] 
 
      
 
     fa-check 
 
     [] 
 
      
 
     fa-check-circle 
 
     [] 
 
      
 
     fa-check-circle-o 
 
     [] 
 
      
 
     fa-check-square 
 
     [] 
 
      
 
     fa-check-square-o 
 
     [] 
 
      
 
     fa-chevron-circle-down 
 
     [] 
 
      
 
     fa-chevron-circle-left 
 
     [] 
 
      
 
     fa-chevron-circle-right 
 
     [] 
 
      
 
     fa-chevron-circle-up 
 
     [] 
 
      
 
     fa-chevron-down 
 
     [] 
 
      
 
     fa-chevron-left 
 
     [] 
 
      
 
     fa-chevron-right 
 
     [] 
 
      
 
     fa-chevron-up 
 
     [] 
 
      
 
     fa-child 
 
     [] 
 
      
 
     fa-circle 
 
     [] 
 
      
 
     fa-circle-o 
 
     [] 
 
      
 
     fa-circle-o-notch 
 
     [] 
 
      
 
     fa-circle-thin 
 
     [] 
 
      
 
     fa-clipboard 
 
     [] 
 
      
 
     fa-clock-o 
 
     [] 
 
      
 
     fa-close 
 
     (alias) 
 
     [] 
 
      
 
     fa-cloud 
 
     [] 
 
      
 
     fa-cloud-download 
 
     [] 
 
      
 
     fa-cloud-upload 
 
     [] 
 
      
 
     fa-cny 
 
     (alias) 
 
     [] 
 
      
 
     fa-code 
 
     [] 
 
      
 
     fa-code-fork 
 
     [] 
 
      
 
     fa-codepen 
 
     [] 
 
      
 
     fa-coffee 
 
     [] 
 
      
 
     fa-cog 
 
     [] 
 
      
 
     fa-cogs 
 
     [] 
 
      
 
     fa-columns 
 
     [] 
 
      
 
     fa-comment 
 
     [] 
 
      
 
     fa-comment-o 
 
     [] 
 
      
 
     fa-comments 
 
     [] 
 
      
 
     fa-comments-o 
 
     [] 
 
      
 
     fa-compass 
 
     [] 
 
      
 
     fa-compress 
 
     [] 
 
      
 
     fa-connectdevelop 
 
     [] 
 
      
 
     fa-copy 
 
     (alias) 
 
     [] 
 
      
 
     fa-copyright 
 
     [] 
 
      
 
     fa-credit-card 
 
     [] 
 
      
 
     fa-crop 
 
     [] 
 
      
 
     fa-crosshairs 
 
     [] 
 
      
 
     fa-css3 
 
     [] 
 
      
 
     fa-cube 
 
     [] 
 
    </div> 
 
    </body> 
 
</html>

+5

Я думаю, что могу сказать, с некоторой определенностью, * да *. –

+3

[Что вы пытались?] (Http://mattgemmell.com/what-have-you-tried/) –

+0

Я играл с .substr() и .slice(), но я смущен тем, как захватите странные символы перед 'fa-' like ''. Я попытался использовать replace(), чтобы захватить .substr() раньше, но не могу заставить его работать. –

ответ

2

Вы можете использовать регулярное выражение для поиска действительных имен классов, начиная с fa-.

//A string you want to extract the classes from. 
var exampleString = 'fa-deviantart[]fa-diamond[]'; 

//Extract the class names using a regex into an array. 
var classList = exampleString.match(/fa\-[a-zA-Z0-9\-_]*/g); 

//Create a new string from the array of matched classes. 
alert(classList.join(' ')); 
+0

Спасибо - http://jsbin.com/xeficudici/1/edit?js,output –

Смежные вопросы