jquery将指定标签中的元素添加其后面

jquery将指定标签中的元素添加其后面,第1张

jquery将指定标签中的元素添加其后面

问题分析:

首先复述一下你的需求:在页面加载完毕后,将页面中#skin下的img标签进行修改,将其alt属性的值复制一份到其title属性。并在其后面追加h4标签,h4标签的内容为alt属性的值。

解决步骤:

通过使用jQuery的each方法遍历多个img标签。

1、获取alt属性的值。

2、通过jQuery的attr方法将获取的alt属性的值赋值给title属性。

3、通过jQuery的after方法将h4标签追加到img的后面。

举例如下:

HTML代码:

<div id="skin"> <img src=felix.jpg alt="felix"> <img src=felix.jpg alt="felix"> <img src=felix.jpg alt="felix"></div>

jQuery代码:

$.each($('#skin img'), function() {var alt = $(this).attr('alt') $(this).attr('title', alt).after('<h4>' + alt + '</h4>')})

页面运行后的HTML代码:

总结: 从以上代码截图可以看出,在页面运行后,img标签中多了title属性,以及后面被追加了h4标签,title属性以及h4标签的值与alt属性完全相等。

jQuery怎么为指定标签添加和删除一个样式

直接修改样式或者修改类名或者id

$().css()

$().attr("class/id","")

java 如何去除中的一个指定标签和指定标签里的内容

java处理指定标签最好用正则表达式。例如要去除中所有的h1标签和类容就可以用下面的演示代码:

package konw.regimport java.io.BufferedReaderimport java.io.BufferedWriterimport java.io.FileNotFoundExceptionimport java.io.FileReaderimport java.io.FileWriterimport java.io.IOExceptionimport java.util.regex.Matcherimport java.util.regex.Patternpublic class RemoveTag{public static void main(String[] args){FileReader fr String content =null String regex = "<[Hh]1>.*</[Hh]1>" try{fr = new FileReader("tag.") BufferedReader br = new BufferedReader(fr) String str = null StringBuffer *** = new StringBuffer() while((str = br.readLine()) != null){ *** .append(str+"\n") }content = *** .toString() br.close() } catch (FileNotFoundException e){e.printStackTrace() } catch (IOException e){e.printStackTrace() }Pattern pattern = Pattern.pile(regex) Matcher matcher = pattern.matcher(content) StringBuffer *** 1 = new StringBuffer() while(matcher.find()){ *** 1.append(matcher.replaceAll("")+"\n") }try{FileWriter fw = new FileWriter("tag.") BufferedWriter bw = new BufferedWriter(fw) fw.write( *** 1.toString()) bw.close() } catch (IOException e){e.printStackTrace() }}}

用jquery怎么在任意指定li元素后面插入新的li元素?

下面介绍一下如何利用jquery实现此功能。

代码实例:

<!DOCTYPE ><><head>

<meta charset= utf-8>

<meta name=author content=":sofhy./" />

<title>蚂蚁部落</title>

<style type=text/css>

ul li{

height:25px

list-style:none

font-size:12px

}

</style>

<script src=:libs.baidu./jquery/1.9.0/jquery.js></script>

<script type=text/javascript>

$(document).ready(function(){

$("#bt").click(function(){

$("#box li").eq(1).after("<li>分享的精神和互助的胸怀是进步最大源动力。</li>")

$(this).prop("disabled",true)

})

})

</script>

</head>

<body>

<ul id="box">

<li>蚂蚁部落欢迎您</li>

<li>提供丰富的div css教程内容。</li>

<li>只有努力奋斗才会有美好的未来。</li>

</ul>

<input type=button id="bt" value="查看效果"/>

</body>

</>

上面的代码实现了我们的要求,点击按钮可以将一个新的li元素添加到第二个li元素的后面。

jquery 动态添加元素事件,我的标签是自定义的,求个

用on方法,这样你动态添加的元素也能绑定到事件。jquery 动态添加元素事件,我的标签是自定义的,求个

Excel 怎样将指定宏按钮添加到鼠标右键中

没有打开,正确的 *** 作方法如下:为Workbook对象的open过程编写代码即可!步骤如下:按ALT+F11,双击左边的ThisWorkbook,在右边的“对象框”选择Workbook,“过程框“选择Open,输入MsgBox"hello",使代码窗口显示如下:PrivateSubWorkbook_Open() MsgBox"hello"EndSub则当你打开该工作表时会自动d出对话框,内容为hello.

var anElement = $("#someElement")anElement.attr("anyAttribute","anyValue")// 这段代码可以给ID为someElement的元素增加属性anyAttribute 属性值为anyValue// 属性名字随便写都可以 想写什么都行 如果属性名字存在会修改里面的值 否则就新加属性

jquery *** 作html标签的方法非常多,小编在这里总结一下。

首先,引入jquery,jquery下载地址在文章末尾的相关链接给出,这是运用jquery的第一步,也是必不可少的一步!

代码如下:

<head>

<script src="jquery.js"></script>

</head>

当然,你也可以不下载,直接引用。

代码如下:

<head>

<script src="/jquery/1.8.0/jquery.min.js"></script>

</head>

注意jquery的版本,及时更新。

接下来介绍jquery的第一种 *** 作html标签的方法。

1. *** 作已经存在的html标签的属性!

这就需要用到一个非常强大的函数attr()

函数写法:

var ss=$("HTML标签的ID").attr("想要获得的属性")

这样准确ID的HTML标签的指定属性的值就会赋给变量ss。

例如:var ss=$("#id").attr("value")

当然还可以给准确ID的HTML标签的指定属性赋值。

函数写法:

$("HTML标签的ID").attr("想要改变的属性","改变的值")

例如:$("#id").attr("class","aaa")

这样可以将ID为"id"的HTML标签的class改为aaa.

利用这个函数更改HTML标签的类或ID,配合样式表可以做出非常炫的动态效果!

贴上样例图:

2.jquery向指定位置添加不存在的HTML标签!

这次需要的函数是append()或appendto()

有很多人搞不起这两个函数的区别,稍后会讲明。

函数写法:

$("HTML标签的ID").append("完整的HTML标签")

例如:$("#id").append("<input type='text' value=' ' id='aa' />")

HTML标签的ID是为了定位添加的HTML标签,添加的HTML标签将会出现于指定ID标签的后面!注意控制排版!

贴上样例图:

接下来介绍appendto()的用法以及它和append()的区别!

函数写法:

$("完整的HTML标签").appendto("HTML标签的ID")

例如:$("<input type='text' value=' ' id='aa' />").append("#id")

这样也可以达到与append()的相同效果,至于区别,也许你已经发现了,区别就是前后两个括号的内容反过来了,先填写HTML标签,再写指定元素ID。

但是即使这样写,添加的HTML标签仍会出现于指定ID标签的后面!

这个就不贴样例图了。

*** 作HTML的函数还有很多,比如图中提到的CSS()。

这是 *** 作指定属性的。用attr()也可以做到,所以就不再介绍。

这里贴上一张jquery *** 作HTML的方法汇总图。

1、页面初始化,定义数组:var arr = []

2、点击"选中",获取字符串str

3、先判断str是否已包含在arr,如果不存在继续你的 *** 作,且把str放进arr里面,如果已存在,则中断你的添加事件

注:在某些条件,需要对arr清空,比如在清空你那些li标签的时候,应该需要清空arr

还有一种方式,就是每次点击"选中",先获取所有li标签的内容,然后放进一个数组。然后判断添加的字符串是否在生成的数组里面,不存在的话就继续添加,存在的话,就中断,这种方式不需要去关心初始化的arr是否清空的问题


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

原文地址: http://outofmemory.cn/bake/11905459.html

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

发表评论

登录后才能评论

评论列表(0条)

保存