Jak wybrać drugie słowo z jQuery i Regex ..?

Question

Zakładając regex jest najlepszym sposobem, aby to zrobić, chciałbym, aby wybrać pierwsze słowo:

<div class="name">Bob Marley</div> 

i używać go zastąpić drugie słowo w tej div tagu:

<div class="message">Hey friend, how are you?</div> 

tak, że końcowy wynik jest równy:

<div class="message">Hey Bob, how are you?</div> 

Aktualizacja

To jest składanka mojego rzeczywistego kodu tutaj. Zauważyłem, że po uruchomieniu, po prostu umieszcza tekst jquery w moim obszarze tekstowym, zamiast faktycznie wykonywać tę funkcję. Jest tak prawdopodobnie dlatego, że rysuję z danych wejściowych, które wymagają znaku val(), a nie tekstu w znacznikach div, jak sugerują powyższe przykłady.

$(".me_signup .name").bind("mouseup keyup", function(){ 
    $(this).siblings('.message').text(function(i,txt) { 
     var name = $(this).val().split(' ')[0]; 
     return txt.replace('friend', name); 
    }); 
}); 

To tworzy pole tekstowe z tym napisane w nim

function (i, txt) { 
    var name = $(this).val().split(" ")[0]; 
    return txt.replace("friend", name); 
} 

Answer 1

powinien być w stanie obejść się bez regex.

Przykład:http://jsfiddle.net/2R5kA/

$('div.message').text(function(i,txt) { 
    var name = $('div.name').text().split(' ')[ 0 ]; 
    return txt.replace('friend', name); 
}); 

Jeśli istnieje szansa, że ​​mogą istnieć pewne spacje przed nazwą, a następnie użyć jQuery's $.trim() method pierwszy.

Przykład:http://jsfiddle.net/2R5kA/1/

$('div.message').text(function(i,txt) { 
    var name = $.trim($('div.name').text()).split(' ')[0]; 
    return txt.replace('friend', name); 
}); 

Answer 2

Można użyć tego wyrażenia regularnego, aby uzyskać drugie słowo, zakładając, że już dostał się do div jQuery:

\w+\s(\w+) 

grupa w nawiasach daje ty drugie słowo.

Lubię rozwiązanie patricks stosując podział lepiej choć ... :)

Answer 3

może Chcesz wypróbować tę funkcję, to działa, jeśli nie jesteś pewien, czy słowo to przyjaciel czy wróg czy coś innego, tak długo jak to drugie słowo, które chciałeś zastąpić. Po prostu wywołaj tę funkcję javascript na twojej stronie ... W mojej próbce dodałem link do wywołania skryptu. Nie zapomnij dołączyć biblioteki jquery.

<div class="name">Bob Marley</div> 
<div class="message">Hey friend, how are you?</div> 
<a onclick="demoMatchClick()">Change</a> 

<script type="text/javascript"> 
    function ReplaceSecondWord() { 

     var strRegExp = new RegExp('Hey (.+), how are you?'); 
     var strCurrentText = $(".message").html(); 
     var strName = $(".name").html().split(" "); 

     strCurrentText = strCurrentText.replace(strCurrentText.match(strRegExp)[1], strName[0]); 

     $(".message").html(strCurrentText); 

    } 

</script>