var replyToName = '@' + naam;
var replyToTag = this.createTagElement(replyToName, 'reply-to','creator');
mijndiv.prepend('<input class="tag ping" type="button" data-role="none" value="@Bryan Connery" data-value="7">');
als ik geen html intik, dan komt de waarde in 'mijndiv'. Met html is hij leeg. Hoe houd ik de html?
UPDATE na een settimeout, komt de html wel in de huidige div met een class textarea.
setTimeout(function(){
textarea.html(replyToTag);
//$('.emojionearea-editor').html(replyToTag);
}, 1000);
Maar ik wil de next element en daar een child van benaderen.
emm = textarea.next().children('.emojionearea-editor');
en dan ook
emm.html(replyToTag);
erbij voegen, maar ik snap niet hoe je vanuit een object de volgende elementen van benaderen.
vanaf een click is het gewoon $(this) etc, lekker makkelijk.
maar het volgende element vanuit een obj lukt me niet.
De html ziet er nu zo uit:
<div class="mijndiv"><html>de html die wel hierin komt, wil ik ook in de sibling hebben </html> </div>
// de sibling
<div class="emojionearea textarea emojionearea-inline">leeg </div>
er zijn namelijk vele elementen met dezelfde classe, maar ik moet dus 1 benaderen. Met mijndiv lukt dit dus alleen.
console van class mijndiv:
[div.textarea]
0
:
div.textarea
accessKey
:
""
align
:
""
assignedSlot
:
null
attributes
:
NamedNodeMap
baseURI
:
"http://ltest"
childElementCount
:
1
childNodes
:
NodeList(1)
children
:
HTMLCollection(1)
classList
:
DOMTokenList(1)
className
:
"textarea"
clientHeight
:
0
clientLeft
:
0
clientTop
:
0
clientWidth
:
0
contentEditable
:
"true"
dataset
:
DOMStringMap
dir
:
""
draggable
:
false
emojioneArea
:
EmojioneArea
firstChild
:
input.tag.reply-to
firstElementChild
:
input.tag.reply-to
hidden
:
false
id
:
""
innerHTML
:
"<input class="tag reply-to" type="button" data-role="none" value="@danny2" data-value="creator">"
innerText
:
""
isConnected
:
true
isContentEditable
:
true
jQuery11240539568630389734
:
1158
lang
:
""
lastChild
:
input.tag.reply-to
lastElementChild
:
input.tag.reply-to
localName
:
"div"
namespaceURI
:
"http://www.w3.org/1999/xhtml";
nextElementSibling
:
div.emojionearea.textarea.emojionearea-inline
nextSibling
:
div.emojionearea.textarea.emojionearea-inline
accessKey
:
""
align
:
""
assignedSlot
Ik weet dus niet hoe ik de nextSibling kan benaderen.