全球主机交流论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

CeraNetworks网络延迟测速工具IP归属甄别会员请立即修改密码
查看: 8163|回复: 14

哪位大佬对JQuery 熟悉,有个问题

[复制链接]
发表于 2018-3-17 21:37:32 | 显示全部楼层 |阅读模式
100金钱
本帖最后由 names 于 2018-3-18 16:22 编辑

// 结帖,因为网页是ReactJS,通过JQ无法修改,感谢各位大佬回答,因为风铃大佬回答最早,并且可以在demo上通过,非常感谢各位。


想添加 div ccccc里面的内容,该怎么修改,最外层的<div aaa-ppppp-bbbb> 没有id,只有这样的一个唯一可以识别的字符.
实际网页环境是 ReactJS


<div aaa-ppppp-bbbb>
<div class="selected">
<div class="ccccc">
<p>xxxxxx</p>
</div>
</div>
</div>


<script>
var txt="<p>Update</p>";
$("div:contains(aaa-ppppp-bbbb)").children(".ccccc").append("txt");
</script>

最佳答案

查看完整内容

ReactJS 是数据驱动的啊. 你得去改数据而不是改页面啊, 这两者概念不一样 普通js想的是如何通过js更改页面, ReactJS 这类, 你应该想的是如何修改数据, 然后页面会自动渲染出来的, 所以你强制修改了页面, 框架马上就根据内部数据修改回去了
发表于 2018-3-17 21:37:33 | 显示全部楼层
names 发表于 2018-3-17 22:13
实际网页环境是 ReactJS,数据依然改不掉
自己写的简单测试环境没问题


ReactJS 是数据驱动的啊. 你得去改数据而不是改页面啊, 这两者概念不一样

普通js想的是如何通过js更改页面,
ReactJS 这类, 你应该想的是如何修改数据, 然后页面会自动渲染出来的, 所以你强制修改了页面, 框架马上就根据内部数据修改回去了
发表于 2018-3-17 21:38:46 | 显示全部楼层
$('.ccccc')
 楼主| 发表于 2018-3-17 21:39:54 | 显示全部楼层

ccccc 有很多重复的,没法用这个
必须选择特定的aaa-ppppp-bbbb下的ccccc
发表于 2018-3-17 21:42:26 | 显示全部楼层
你百度下jquery选择器就可以了

http://www.w3school.com.cn/jquery/jquery_selectors.asp
http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp
发表于 2018-3-17 21:44:53 | 显示全部楼层
names 发表于 2018-3-17 21:39
ccccc 有很多重复的,没法用这个
必须选择特定的aaa-ppppp-bbbb下的ccccc


$('div[aaa-ppppp-bbbb]').find(".ccccc").append("txt");
发表于 2018-3-17 21:52:42 | 显示全部楼层
本帖最后由 micto 于 2018-3-17 21:56 编辑

根据具体的HTML结构来选择,一般有以下几种选择。

  1. $('.selected .ccccc');

  2. $('[aaa-ppppp-bbbb] .ccccc');

  3. $('[aaa-ppppp-bbbb] .selected .ccccc');
复制代码
发表于 2018-3-17 22:04:33 来自手机 | 显示全部楼层
马克下
 楼主| 发表于 2018-3-17 22:10:07 | 显示全部楼层
风铃 发表于 2018-3-17 21:44
$('div[aaa-ppppp-bbbb]').find(".ccccc").append("txt");

试了一下,demo可以运行通过,实际网页环境不行,
实际网页环境是 ReactJS
 楼主| 发表于 2018-3-17 22:13:34 | 显示全部楼层
micto 发表于 2018-3-17 21:52
根据具体的HTML结构来选择,一般有以下几种选择。


实际网页环境是 ReactJS,数据依然改不掉
自己写的简单测试环境没问题
您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|全球主机交流论坛

GMT+8, 2024-4-20 03:06 , Processed in 0.068092 second(s), 7 queries , Gzip On, MemCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表