Ich möchte etwas HTML auf meiner Website mit Jquery ändern, aber ich kann nicht die .html funktionieren, was mache ich falsch?

Dies ist ein Beispiel für das, was ich erreichen möchte, ich möchte nur einen Platzhalter = "" zur Eingabe mit Jquery hinzufügen, aber es funktioniert nicht. Ich habe beide Wege, die ich versucht habe, mit .empty(). Append() und .html.Ich möchte etwas HTML auf meiner Website mit Jquery ändern, aber ich kann nicht die .html funktionieren, was mache ich falsch?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width"> 
 
    <title>JS Bin</title> 
 
</head> 
 

 
<body> 
 
    <div class="field address1"> 
 
    <label class="caption"> 
 
     <input class="field-element field-control" name="address" x-autocompletetype="address-line1" type="text" spellcheck="false" data-title="Line1" />Address 1</label> 
 
    </div> 
 
</body> 
 
<script> 
 
    $(document).ready(function() { 
 

 
    $(".field address1").empty().append("<h1> who </h1>"); 
 
    $('.field address1').html("<h1> what </h1>"); 
 

 
    }); 
 
</script> 
 

 
</html>

Quelle

2016-06-25 Alejandro Silva

Sie benötigen Address 1 zunächst ein <span id="placeholderid"> Tag für den Platzhalter hinzuzufügen und dann jquery verwenden, müssen diese Span-Tag statt der gesamten div bearbeiten.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width"> 
 
    <title>JS Bin</title> 
 
</head> 
 

 
<body> 
 
    <div class="field address1"> 
 
    <label class="caption"> 
 
     <input class="field-element field-control" name="address" x-autocompletetype="address-line1" type="text" spellcheck="false" data-title="Line1"/> 
 
     <span id="placeholderid">Address 1</span> 
 
    </label> 
 
    </div> 
 
</body> 
 
<script> 
 
    $(document).ready(function() { 
 

 
    $("#placeholderid").empty().append("who"); 
 
    $('#placeholderid').html("what"); 
 

 
    }); 
 
</script> 
 

 
</html>

Quelle

2016-06-25 07:22:46

Vielen Dank! Es funktionierte! –

Ich möchte etwas HTML auf meiner Website mit Jquery ändern, aber ich kann nicht die .html funktionieren, was mache ich falsch?

Antwort

Verwandte Themen