jQuery怎样获取并且修改P标签内的值

jQuery怎样获取并且修改P标签内的值,第1张

可以先使用jQuery选择器将p标签选中,然后用html()函数修改p标签内容

1、新建html文档,在body标签中添加一个p标签,标签的id设为“demo”并添加一段文字,然后引入jQuery:

2、添加script标签,使用jQuery选择器$("#demo")将p标签获取,其中#标签选择的类型是id,demo指的是需要获取标签的id,这时网页中的p标签就会被选中:

3、使用html()函数,html()函数在原生js中指的是innerHTML,表示修改内容,这时在html()函数中填写需要修改后的文本即可:

1、给span一个id,或者给一个特定的class使用jquery的id选择器或者类选择器

<span id="spId" class="content">ajlwe</span>var str=$("#spId")html();--通过id获取span,然后通过html()获取span里的内容

var str2=$("#spId")text();--通过id获取span,然后通过text()获取span里的内容

var str3=$("content")html();--通过class获取span,然后通过html()获取span里的内容

var str4=$("content")text();--通过class获取span,然后通过text()获取span里的内容

注:html()返回或设置被选元素的内容 (inner HTML);text()获取设置或返回被选元素的文本内容

有的时候无法取得值时,是因为html是从上往下解析的,在解析到js里的$("#spId")时,下面这个span还不存在,当然就取不到了。

js代码放在<span>下面解析时,span就有了。另外,jQuery的做法是用ready函数包含这些js代码,这样的话,就不存在位置的问题了,放到哪都可以。它的作用就是在加载完整个页面后才执行包含的js

试一下这个把,我刚才试过了,可以的

var tt=$("form select[name=selectName]")find('option:selected')text();

alert(tt);

把selectName换成你表单中的下拉框name值就行了

要是使用ID查询这样就行了

var tt=$("#selectId")find('option:selected')text();就行

以上就是关于jQuery怎样获取并且修改P标签内的值全部的内容,包括:jQuery怎样获取并且修改P标签内的值、如何用jquery获得span里的内容、用jquery如何获取select元素中当前选择的文本内容(而不是选项的值)请问怎么写等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9880257.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存