2016-06-25 8 views
0

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>

Antwort

0

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>

+0

Vielen Dank! Es funktionierte! –