names 发表于 2018-3-17 21:37:32

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

本帖最后由 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>

风铃 发表于 2018-3-17 21:37:33

names 发表于 2018-3-17 22:13
实际网页环境是 ReactJS,数据依然改不掉
自己写的简单测试环境没问题

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

普通js想的是如何通过js更改页面,
ReactJS 这类, 你应该想的是如何修改数据, 然后页面会自动渲染出来的, 所以你强制修改了页面, 框架马上就根据内部数据修改回去了

风铃 发表于 2018-3-17 21:38:46

$('.ccccc')

names 发表于 2018-3-17 21:39:54

风铃 发表于 2018-3-17 21:38
$('.ccccc')

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').find(".ccccc").append("txt");

micto 发表于 2018-3-17 21:52:42

本帖最后由 micto 于 2018-3-17 21:56 编辑

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

$('.selected .ccccc');

$(' .ccccc');

$(' .selected .ccccc');

专收爆米花 发表于 2018-3-17 22:04:33

马克下

names 发表于 2018-3-17 22:10:07

风铃 发表于 2018-3-17 21:44
$('div').find(".ccccc").append("txt");

试了一下,demo可以运行通过,实际网页环境不行,
实际网页环境是 ReactJS

names 发表于 2018-3-17 22:13:34

micto 发表于 2018-3-17 21:52
根据具体的HTML结构来选择,一般有以下几种选择。

实际网页环境是 ReactJS,数据依然改不掉
自己写的简单测试环境没问题
页: [1] 2
查看完整版本: 哪位大佬对JQuery 熟悉,有个问题