就是这两个标签同步吧,提供下思路思路:
方式一:input设置ID,当点击a标签时取a标签的文本并赋给input。
方式二:点击a标签时,执行onclick事件时,把值直接传给js函数,取到值后赋给input。
以下方式一实现代码,方式二的不写了。供参考。
<script language="javascript">
function gettext(obj) {
documentgetElementById('inputval')value=objinnerText;
}
</script>
<input type="text" id="inputval" name="inputval" />
<br>
<a href="#" onclick="gettext(this);">111</a>
<a href="#" onclick="gettext(this);">222</a>
<a href="#" onclick="gettext(this);">333</a>
如果你知道div的class : $("classname")attr("id") 获得id
如果你知道div的id :$("#id")attr("class")获得class
如果都不知道,就要循环所有的div自己去判断了
var divs=$(div);
for(var i=0;i<divslength;i++)
{
//你的判断
}
获得div有什么属性 比如 data-id="a"
$("div[data-id='a']")attr("id")//获得id
$("div[data-id='a']")attr("class")//获得class
回答:<a href="aaaaaa" id='hh'></a>
var p = $('#hh')attr('href');
consolelog(p);
jQuery:
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。
1、新建一个html文件,命名为testhtml。
2、在testhtml文件内,分别在p标签内,使用input标签创建文本输入框,用于内容的输入。
3、在testhtml文件内,给每个input元素设置class属性,统一设置为myput,主要用于下面一次性获得所有的input对象。
4、在testhtml文件内,使用button标签创建一个按钮,按钮名称为“获取多个value值”,给button按钮绑定onclick点击事件,当按钮被点击时,执行getinput()函数
5、在js标签中,创建getinput()函数,在函数内,定义一个空的arr数组,用于保存多个value值。同时,通过类名获得input对象,使用each()方法遍历所有的input对象,每次遍历,执行function()方法。
6、在function()方法内,使用val()方法获得input的value值,并使用push()方法将value值存进arr数组中,最后,使用alert()方法将数组输出来。
jquery如何获取多个标签中的任意一个
多个标签中的任意一个?
可按jQuery选择器的方式来选择,
$('#XID') 用来查指定ID为“XID”的页面元素
$('cls') 用来查指定样式类class为“cls”的页面元素
$('table tr td')用来按层级查询table->tr->td,返回表格中所有td
$('table tr td:nth-child(2)')返回表格中第2列的内容
……
注意jQuery查找出的是一个集合,可能有多个页面元素,通过get函式来取出其中一个
如:通过$('table tr td')get(1)取出第二个td
js如何获取多个<label>标签其中的一个值
documentgetElementsByTagName("label")[0]innerText
jquery怎么获取多个class的div标签
方法只有一种:
通过JQuery的class选择器方式。写法,选择器中2个class挨着写
示例
<div class='class1 class3'>class1+3</div><div class='class2 class3'>class2+3</div> 选第一个DIV的话 两个class挨着写,中间没有空格$('class1class3')
jquery怎么获取多个a标签里面的href值
<!DOCTYPE ><><head><script src=/jquery/jquery-1111minjs></script><script>$(function(){ $('test-a')each(function(){ alert($(this)attr('href')); })})</script></head> <body> <a href="test-1">如果您点选我,我会消失。</a> <a href="test-2">点选我,我会消失。</a> <a href="test-3">也要点选我哦。</a> </body></>
<script>
$(function(){
$('a')click(function(){
alert($(this)attr('href'));
return false; 加上这个可以防止跳转
})
})
</script>
$(function(){ $('a')click(function(){ alert($(this)attr('href')); return false; 加上这个可以防止跳转 }) })
如何用 jQuery 获取 iframe 中的标签
$iframe变数是用jquery获取的iframe的物件var $ele = $iframecontents()find('#id');
1、新建一个html文件,命名为testhtml,用于讲解。
2、在testhtml文件内,在p标签内,使用a标签创建一个链接,同时设置id为mylink,主要用于下面通过该id获得a对象。
3、在testhtml文件内,给a标签添加title属性,属性值为“这是测试的链接”。
4、在testhtml文件内,使用button标签创建一个按钮,按钮名称为“获得title内容”。
5、在testhtml文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getitle()函数。
6、在js标签内,创建getitle()函数,在函数内,通过id(mylink)获得a对象,使用attr()方法获得title属性值,即title的内容,最后,使用alert()方法将获得的内容输出。
7、在浏览器打开testhtml文件,点击按钮,查看实现的效果。
有两种方法可以实现获取span下第一个i标签:
1、使用css选择器: first-child 或nth-child(1),具体代码为:$("spanlabel i:first-child") 或 $("spanlabel i:nth-child(1)")
2、使用遍历方法:first()、eq()等,具体代码为:
$("spanlabel")each(function() {
$(this)find("i:eq(0)") // 或者$(this)find("i")first()
});
下面进行实例演示:为所有span的第一个i标签的元素都添加红色样式:
1、新建一个HTML文件,为了演示需要假设如下的HTML结构:
<div id="test">
<span class='label'><i>1-1</i> <i>1-2</i></span><br>
<span class='label'><i>2-1</i> <i>2-2</i></span><br>
<span class='label'><i>3-1</i> <i>3-2</i></span>
</div>
<input type="button" id="btn" value="设置">
2、在上面新建文件的开头部分添加如下jquery代码:主要逻辑为在点击按钮时相应一个 *** 作,即获取span下第一个i标签(下面注释部分给出了4种方法都是可行的,可以根据需要进行选择)。为了演示效果,使用addClass()函数为获取到的span下第一个i标签添加红色的样式。
<script>
$(function(){
$("#btn")click(function() { // 点击按钮就相应下面的 *** 作
// $("spanlabel i:first-child")addClass('red'); // 方法1,使用first-child选择器
// $("spanlabel i:nth-child(1)")addClass('red'); // 方法2,使用nth-child(1)选择器
$("spanlabel")each(function() {
// $(this)find("i:eq(0)")addClass('red'); // 方法3,遍历后使用eq()方法
$(this)find("i")first()addClass('red'); // 方法4,遍历后使用first()方法
});
});
});
</script>
3、保存文件,使用浏览器打开,点击按钮后效果如下:
以上就是关于用jq或者js自动获取标签a内容然后写入标签b全部的内容,包括:用jq或者js自动获取标签a内容然后写入标签b、如何用Jquery获取某一个Div的Class或者ID、jquery怎么获取a标签的href等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)