Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/471.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jQuery将div id前置到div?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何使用jQuery将div id前置到div?

Javascript 如何使用jQuery将div id前置到div?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,如何添加所选分区的div id并将其添加到分区本身 以下是我尝试过的: $.showID.prepend+$this.attrid+; console.log$.trialID.attrid/*为什么这样做有效*/ div{ 背景:皇家蓝;颜色:ddd; 填充:2 em;边距底部:1 em; } 你好 这是一个示例段落 你好 这是一个示例段落 你好 这是一个示例段落 你好 这是一个示例段落 据我所知,您可以使用jQuery完成这项任务,但不确定是否要完全使用CSS 代码的问题是$this没有引

如何添加所选分区的div id并将其添加到分区本身

以下是我尝试过的:

$.showID.prepend+$this.attrid+; console.log$.trialID.attrid/*为什么这样做有效*/ div{ 背景:皇家蓝;颜色:ddd; 填充:2 em;边距底部:1 em; } 你好 这是一个示例段落

你好 这是一个示例段落

你好 这是一个示例段落

你好 这是一个示例段落


据我所知,您可以使用jQuery完成这项任务,但不确定是否要完全使用CSS

代码的问题是$this没有引用当前元素。您需要遍历所选的div,并手动将id前置到这些div。然后可以使用$this引用当前元素

$.showID.eachfunction{ $this.prepend`${$this.attrid}`; }; div{ 背景:皇家蓝; 颜色:ddd; 填充:2rem; 边缘底部:1rem; } 你好 这是一个示例段落

你好 这是一个示例段落

你好 这是一个示例段落

你好 这是一个示例段落


据我所知,您可以使用jQuery完成这项任务,但不确定是否要完全使用CSS

代码的问题是$this没有引用当前元素。您需要遍历所选的div,并手动将id前置到这些div。然后可以使用$this引用当前元素

$.showID.eachfunction{ $this.prepend`${$this.attrid}`; }; div{ 背景:皇家蓝; 颜色:ddd; 填充:2rem; 边缘底部:1rem; } 你好 这是一个示例段落

你好 这是一个示例段落

你好 这是一个示例段落

你好 这是一个示例段落


您必须使用以下命令迭代所有选定的$'.showID'元素:

$.each$'.showID',函数{ $this.prepend$.text$this.attr'id' } div{背景:皇家蓝;颜色:ddd;填充:2rem;边距底部:1rem;} 你好 这是一个示例段落

你好 这是一个示例段落

你好 这是一个示例段落

你好 这是一个示例段落


您必须使用以下命令迭代所有选定的$'.showID'元素:

$.each$'.showID',函数{ $this.prepend$.text$this.attr'id' } div{背景:皇家蓝;颜色:ddd;填充:2rem;边距底部:1rem;} 你好 这是一个示例段落

你好 这是一个示例段落

你好 这是一个示例段落

你好 这是一个示例段落

Jquery问题

因此,jquery需要遍历类.showID或.trialID

$.showID.eachfunction{ $this.prepend+$this.attrid+; }; div{ 背景:皇家蓝;颜色:ddd; 填充:2 em;边距底部:1 em; } 你好 这是一个示例段落

你好 这是一个示例段落

你好 这是一个示例段落

你好 这是一个示例段落

Jquery问题

因此,jquery需要遍历类.showID或.trialID

$.showID.eachfunction{ $this.prepend+$this.attrid+; }; div{ 背景:皇家蓝;颜色:ddd; 填充:2 em;边距底部:1 em; } 你好 这是一个示例段落

你好 这是一个示例段落

你好 这是一个示例段落

你好 这是一个示例段落


CSS不是编程语言,就像HTML一样,你只能改变元素的视觉效果,但不能改变某些元素的属性CSS不是编程语言,就像HTML一样,你只能改变元素的视觉效果,但不能改变某些元素的属性。我们不能在没有变量“$”的情况下使用您的代码吗。showID'.eachfunction{$this.prepend+$this.attr'id'+;};不知道为什么但是你的密码吓坏了像我这样的笨蛋你的编码方式有什么好处吗?愚蠢的问题,但我想学…@YourPalNurav是的,你当然可以。我已经更新了答案。。但缺点是每次使用$this jQuery都会查询DOM,这可能会影响性能。我们不能在没有变量“$”的情况下使用您的代码吗。showID'.eachfunction{$this.prepend+$this.attr'id'+;};不知道为什么但是你的密码吓坏了像我这样的笨蛋你的编码方式有什么好处吗?愚蠢的问题,但我想学…@YourPalNurav是的,你当然可以。我已经更新了答案。。但是缺点是,每次使用$this jQuery都会查询DOM,这可能会影响性能。showID{}处理多个id,从id开始?是的,只是用另一个id为的div更新了答案。div[id^=id\]。showID>h1{display:block;}div[id^=no\]。showID>h1{display:none;}像这样的东西可以用来隐藏/显示标题吗?是的,你可以这样做@YourPalNurav see fiddle here will div[id^=id_]。showID{}处理以id_开头的多个id?是的,刚刚更新了答案
对于另一个id为{uu.div[id^=id_u].showID>h1{display:block;}div[id^=no_u].showID>h1{display:none;}的div,这样的东西可以用来隐藏/显示标题吗?是的,你可以这样做@YourPalNurav see fiddle here