Remplacer html div avec cet attribut

Question

Je code html

<div content="Something 1">Content 1</div> 
<div content="Something 2">Content 2</div> 
<div content="Something 3">Content 3</div> 

Je veux utiliser jQuery pour remplacer le contenu de HTML avec cet attribut content.

<div content="Something 1">Something 1</div> 
<div content="Something 2">Something 2</div> 
<div content="Something 3">Something 3</div> 

Je ne sais pas comment sélectionner plusieurs objets. N'importe qui m'aider s'il vous plaît. Merci.

Answer 1

ID ne peut pas contenir d'espaces.

 

Cela remplacera toutes les instances de Content x avec Something x, se x du id.

$("div").each(function(){ 
    $(this).text($(this).attr("id")); 
}); 

Exemple 1: http://jsfiddle.net/charlescarver/xuGEq/2/

 

Cela remplacera toutes les instances de Content x avec Something 1:

$("div").each(function(){ 
    $(this).text("Something 1"); 
}); 

Exemple 2: http://jsfiddle.net/charlescarver/xuGEq/1/

Answer 2

Essayez ceci si vous ne voulez pas affecter tous les divs sur la page, mais seulement celui qui contient quelque chose dans leur id ...

$("[id^=Something]").each(function(){ 
    $(this).text("Something 1"); 
}); 

Notez que l'utilisation des espaces à l'intérieur d'un identifiant est pas la façon de aller, vous devriez les nommer somthing comme « something1 » ....

Answer 3

Si tous vos id va commencer par quelque chose de préfixe, utilisez:

$("div[id^='Something']").text("Something 1") 

Si ce que vous cherchez est d'éditer tous la balises div dans votre document, vous pouvez simplement:

$("div").text("Something 1") 

Si vous savez exactement ce que les balises HTML sont celles que vous souhaitez modifier, je vous recommande de les marquer avec une classe. Disons que:

<div id="Something 1" class="editable">Content 1</div> 
<div id="Something 2" class="editable">Content 2</div> 
<div id="Something 3" class="editable">Content 3</div> 

De cette façon, vous pouvez simplement faire:

$(".editable").text("Something 1") 

Si vous souhaitez modifier leur texte intérieur. ou:

$(".editable").html("<strong>Something 1</strong>") 

Si vous voulez leur donner un format plus riche modifier non seulement leur texte, mais aussi leur code HTML intérieur.

Il est interdit d'utiliser des ID avec des espaces.Chrome ne s'en plaindra pas, mais un autre navigateur le fera. Donc, seulement dans le cas où vous utilisez des identifiants comme "Something 1", il vaudrait mieux utiliser "something_1" (c'est une convention d'utiliser des minuscules pour les attributs et les balises html).

Ici vous avez un lien qui expliquent comment fonctionnent les sélecteurs jQuery: http://api.jquery.com/