blocks|key|1215686|text|要放置文本，请使用.text('text')|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1215687|如果你想使用.html(SomeValue)，SomeValue应该有可以放在div中的html标签，它也必须工作。|1215688|就像farzad说的那样，检查你的脚本位置。|1215689|参考：.html和text|1215690|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.jquery.com/Attributes/html#val|1|http://docs.jquery.com/Attributes/text#val^0|9|D|0|6|G|0|0|3|5|0|9|4|1|0^^$0|@$1|2|3|4|5|6|7|V|8|@$9|W|A|X|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|11|8|@]|D|@]|E|$]]|$1|J|3|K|5|6|7|12|8|@]|D|@$9|13|A|14|1|15]|$9|16|A|17|1|18]]|E|$]]|$1|L|3|-4|5|6|7|19|8|@]|D|@]|E|$]]]|M|$N|$5|O|P|Q|E|$R|S]]|T|$5|O|P|Q|E|$R|U]]]]

<p>To put text, use <code>.text('text')</code></p>

<p>If you want to use <code>.html(SomeValue)</code>, SomeValue should have html tags that can be inside a div it must work too. </p>

<p>Just check your script location, as farzad said.</p>

<p>Reference: <a href="http://docs.jquery.com/Attributes/html#val" rel="noreferrer">.html</a> and <a href="http://docs.jquery.com/Attributes/text#val" rel="noreferrer">text</a></p>


blocks|key|1430578|text|尝试此函数$('div.total-title').text('test');|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1430579|entityMap^0|5|Y|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<p>try this function <code>$('div.total-title').text('test');</code></p>


blocks|key|1430637|text|如果你的值是一个纯文本(比如'test')，你也可以使用text()方法。如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1430638|$('div.total-title').text('test');|code-block|syntax|javascript|1430639|无论如何，关于您正在分享的问题，我认为您可能会在将DIV代码发送到浏览器之前调用JavaScript代码。确保在标记后的标记中调用jQuery行，或在类似以下语句中调用：|1430640|$(document).ready(
++++function()+{
++++++++$('div.total-title').text('test');
++++}
);|1430641|这样，脚本就会在浏览器解析完div的HTML之后执行。|1430642|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>if your value is a pure text (like 'test') you could use the text() method as well. like this:</p>

<pre><code>$('div.total-title').text('test');
</code></pre>

<p>anyway, about the problem you are sharing, I think you might be calling the JavaScript code before the HTML code for the DIV is being sent to the browser. make sure you are calling the jQuery line in a &lt;script&gt; tag after the &lt;div&gt;, or in a statement like this:</p>

<pre><code>$(document).ready(
    function() {
        $('div.total-title').text('test');
    }
);
</code></pre>

<p>this way the script executes after the HTML of the div is parsed by the browser.</p>


blocks|key|1215854|text|您已经引用了jQuery+JS文件，是吗？法扎德的答案没有理由不起作用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1215855|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>You have referenced the jQuery JS file haven't you? There's no reason why farzad's answer shouldn't work.</p>


blocks|key|1430758|text|使用.html()方法时，参数必须为htmlString。(source)把你的字符串放在一个超文本标记语言中，它应该可以工作，或者按照法扎德的建议使用.text()。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1430759|示例：|1430760|<div+class="demo-container">
++++<div+class="demo-box">Demonstration+Box</div>
</div>

<script+type="text/javascript">
$("div.demo-container").html(+"<p>All+new+content.+<em>You+bet!</em></p>"+);
</script>|code-block|syntax|javascript|1430761|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/html/#html2^0|2|7|I|A|24|7|U|6|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]|$9|Z|A|10|B|C]]|D|@$9|11|A|12|1|13]]|E|$]]|$1|F|3|G|5|6|7|14|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|15|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|16|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

<p>When using the <code>.html()</code> method, a <code>htmlString</code> must be the parameter. (<a href="http://api.jquery.com/html/#html2" rel="nofollow">source</a>) Put your string inside a HTML tag and it should work or use <code>.text()</code> as suggested by farzad.</p>

<p>Example:</p>

<pre><code>&lt;div class="demo-container"&gt;
    &lt;div class="demo-box"&gt;Demonstration Box&lt;/div&gt;
&lt;/div&gt;

&lt;script type="text/javascript"&gt;
$("div.demo-container").html( "&lt;p&gt;All new content. &lt;em&gt;You bet!&lt;/em&gt;&lt;/p&gt;" );
&lt;/script&gt;
</code></pre>


blocks|key|1215936|text|使用方法如下：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1215937|<div+id="getSessionStorage"></div>|offset|length|style|CODE|1215938|要添加任何内容，请使用以下代码作为参考：|1215939|$(document).ready(function+()+{
++++++++var+storageVal+=+sessionStorage.getItem("UserName");
++++++++alert(storageVal);
++++++++$("#getSessionStorage").append(storageVal);
+++++});|code-block|syntax|javascript|1215940|这将在html中显示如下(假设storageVal=为“Rishabh”)|1215941|<div+id="getSessionStorage">Rishabh</div>|1215942|entityMap^0|0|0|Y|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@$D|W|E|X|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|Y|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|Z|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|10|8|@]|9|@]|A|$]]|$1|Q|3|R|5|L|7|11|8|@]|9|@]|A|$M|N]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

<p>use as below:</p>

<p><code>&lt;div id="getSessionStorage"&gt;&lt;/div&gt;</code></p>

<p>For this to append anything use below code for reference:</p>

<pre><code>$(document).ready(function () {
        var storageVal = sessionStorage.getItem("UserName");
        alert(storageVal);
        $("#getSessionStorage").append(storageVal);
     });
</code></pre>

<p>This will appear as below in html (assuming storageVal="Rishabh")</p>

<pre><code>&lt;div id="getSessionStorage"&gt;Rishabh&lt;/div&gt;
</code></pre>


<p>I have this html div tag defined:</p>

<pre><code>&lt;div style="height:100px; width:100px" class="total-title"&gt;
    first text
&lt;/div&gt;
</code></pre>

<p>I have jquery code to change its value:</p>

<pre><code> $('div.total-title').html('test');
</code></pre>

<p>But this does not change the content of the div.</p>


Use jquery to set value of div tag

jQuery

我定义了这个html div标签：<div style="height:100px; width:100px" class="total-title">    first text</div>我有jquery代码来改变它的值： $('div.total-title').html('test');但这不会更改div的内容...

问使用jquery设置div标签的值
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jquery设置div标签的值EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jquery设置div标签的值
EN