JQuery - Как заменить одно слово в div?

Question

У меня есть div, который скопирован из другого места, и мне нужно изменить одно слово в нем. Это HTML:

<div class="dealer-addy"> 
    8726 N. Royal Ln<br> 
    Irving, TX 75063<br> 
    email@aol.com 
</div> 

мне нужно изменить адрес электронной почты, так что я пытаюсь получить текст внутри DIV и разбить строку на слова, а затем изменить адрес электронной почты. Тем не менее, мне трудно работать с внутренним текстом.

Это мой сценарий:

var address = $dealerInfo.find(".dealer-addy"); 
var text = $(address).text(); 
text = text.replace(/\r?\n|\r/, " "); 
var words = $(text).split(" "); 

Он ломится на раскол(), так что я добавил строку заменить(), и теперь он распадается на линии заменить(). Я предполагаю, что он ломается из-за разрыва строки в «тексте», но я не уверен, что делать.

Answer 1

var text = $(".dealer-addy").text(); 
 

 
function extractEmails (text){ 
 
    return text.match(/([a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+\.[a-zA-Z0-9._-]+)/gi) ; 
 
} 
 

 
var email = extractEmails(text); 
 
var value = $(".dealer-addy").text(); 
 

 
value = value.replace(email, "new@email.com"); 
 
$(".dealer-addy").text(value);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
 
<div class="dealer-addy"> 
 
    8726 N. Royal Ln<br> 
 
    Irving, TX 75063<br> 
 
    email@aol.com 
 
</div>

Вот демо: http://jsfiddle.net/VS7Qe/166/

Answer 2

Вы можете сделать что-то вроде этого:

Javascript:

var orignalstring = document.getElementById("dealer-addy").innerHTML; 
var newstring = orignalstring.replace("email@aol.com","replaced"); 
document.getElementById("dealer-addy").innerHTML = newstring; 

Html:

<div id="dealer-addy"> 
    8726 N. Royal Ln<br> 
    Irving, TX 75063<br> 
    email@aol.com 
</div> 

Но если вы не знаете, что адрес электронной почты, вы пытаться заменить, вам может быть лучше:

Html:

<div class="dealer-addy"> 
    8726 N. Royal Ln<br> 
    Irving, TX 75063<br> 
    <span id="email">email@aol.com</span> 
</div> 

Javascript:

document.getElementById("email").innerHtml = "new email"; 

Answer 3

Вы можете получить lastChild в div, и использовать replaceChild, чтобы вставить новый текст, который вы хотите:

document.querySelector('button').addEventListener('click', function() { 
 
    var div = document.querySelector('.dealer-addy'); 
 
    var newEmail = 'vitor@stackoverflow.com'; 
 
    div.replaceChild(document.createTextNode(newEmail), div.lastChild); 
 
});

<div class="dealer-addy"> 
 
    8726 N. Royal Ln<br> 
 
    Irving, TX 75063<br> 
 
    email@aol.com 
 
</div> 
 
<button>Replace email</button>

Answer 4

Это должно делать то, что вы хотите (email@aol.com будет заменен newemail@gmail.com). Работа скрипку: http://jsfiddle.net/bay44km4/3/

HTML:

<div class="dealer-addy"> 
    8726 N. Royal Ln<br> 
    Irving, TX 75063<br> 
    email@aol.com 
</div> 

Javascript:

var dealerAddressHtml = $(".dealer-addy").html(); 
var dealerAddressArr = dealerAddressHtml.split("\n"); 
if (dealerAddressArr.length >=3){ 
    var emailAddress = dealerAddressArr[3]; 
    dealerAddressHtml = dealerAddressHtml.replace(emailAddress, "newemail@gmail.com"); 
    $(".dealer-addy").html(dealerAddressHtml); 
}