Js/如何操作div下面的span元素或者是img之类的标签元素

$("div[name=‘MatTypeName‘]").click(function (e) {

$("div[name=‘MatTypeName‘]").each(function (i, o) {

$(o).removeClass("ClassMatTypeClick");

$(o).addClass("ClassMatType");

var t = $(o).find("img");

$(‘#‘ + t[0].id).attr("src", "../Images/zw.png");

});

$(‘#a1‘).attr("src", "../Images/zw.png");

$(this).removeClass("ClassMatType");

$(this).addClass("ClassMatTypeClick");

var a = $(this).find("img");

$(‘#‘ + a[0].id).attr("src", "../Images/laba.jpg");

var b = $(this).find("span");

var c = $(‘#‘ + b[0].id).text();

});

这是如何操作各级元素的相关说明

原文地址:https://www.cnblogs.com/9527-/p/10115288.html

时间: 2024-08-12 01:29:11

Js/如何操作div下面的span元素或者是img之类的标签元素的相关文章

vue中用v-for循环出出来的div下面的span不给宽度也能相对于div居中

效果图 1.html <div> <div v-on:mousemove="dataDetails($event, item)" v-on:mouseleave="hiddenDetail($event)" v-for="(item, index) in sectionDiagram" :style="{height: item.height, left: item.sqrareLeft + 'px', width:

JS/JQuery操作select下拉框

一.js 操作select 下拉框 var selObj = 下拉框对象 1. 移除所有项:selObj.options.length = 0; 2. 移除下拉框中的一项:selObj.options.remove(index); “index”为下拉框选项的索引值,若0索引项移出(自上而下),那么1索引项的索引会变为0,后面的索引依次向前推进 也可利用循环,移除所有项: var length = selObj.options.length; for(var i=length-1;i>=0;i-

通过JQuery拿到DIV下面的值

html代码: <div class="row-2-2 textarea" id="textareas">              <label class="item-dep-select">信息中心 X</label>      </div> JS代码: var textareas = $("#textareas").text();     console.log(text

HTML笔记(二) HTML标签元素

一 常用的头部元素标签 <head>元素包含了所有的头部标签元素. 1.<title> <title>标签定义了HTML文档的标题,在HTML/XHTML文档中是必须的. 主要功能: 定义了浏览器工具栏的标题: 当网页添加到收藏夹时,显示在收藏夹中的标题: 显示在搜索引擎结果页面的标题: 2.<base> <base>标签描述了基本的链接地址或链接目标. 该标签作为HTML文档中所有的链接标签的默认链接,即如果HTML文档中的超链接标签没有添加链

父页面操作嵌套iframe子页面的HTML标签元素

一个页面A.html使用iframe嵌套一个页面B.html,在A页面写js操作B页面HTML元素,首先要获取到B页面document对象,才能对嵌套页面进行操作 请看一个实例,在A页面写js操作B页面div的内容: A.html代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="

使用HTML5的JS选择器操作页面中的元素

上一篇文章介绍了HTML5新增的JavaScript选择器,今晚正式实践一下,使用HTML5的JS选择器操作页面中的元素. 文件命名为:querySelector.html,可在Chrome浏览器中预览效果. 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>使用HTML5的JS选择器操作页面中的元

jquery的常用操作(操作html页面的Dom对象的元素)

一:页面加载完成时,会执行jquery的方法(不需要等待图片加载完成,只要dom结构加载完成,就执行该方法) //第一种写法: $(document).ready(function() { // 执行体 }); //第二种写法 $(function() { //执行体 }); 二:用jquery获取dom对象,判断该对象是否有内容的两种方法(有返回true,没有返回false) jqObj.text().trim() var jqObj = $(this); if(jqObj.text().tr

div下不同元素同时触发hover效果实现

在同一个DIV下有一个块元素与一个文字标签,要求无论鼠标指向哪个元素另外一个元素也会被激活.可以利用最外层的div元素来选择下面的两个子元素,鼠标指向最外层的div时候触发激活效果. .sidebox:hover .icon-img1{ background: url(../img/icon/icon-float11.png) no-repeat center; } .sidebox:hover span{ color:#EFCD50; } 原文地址:https://www.cnblogs.co

js动态删除div元素

在做用户查找时 因为要把查找的结果动态加载和显示,所以,那些html元素要由Ajax动态生成.用户打开查找界面时,有系统推荐的用户,而当用户按条件查找后,查找的结果动态加载和显示.所以考虑到用js来搞. 这个for循环就是移除已有的表单.然后根据Ajax请求过来的数据,动态生成新的表单对象.一定要注意j变量从大往小循环,否则,删除div元素后会引起serchResultLenth=serchResult.children.length;长度的变化(这个问题摸索了好久,才搞定,切记) for(va