用jq或者js自动获取标签a内容然后写入标签b

就是这两个标签同步吧，提供下思路思路：

方式一：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>

$("#btnAdd")click(function(){

    $("<span/>")appendTo("#addTagDiv")html($("#textAdd")val())addClass("spanTag")click(function(){

    //这里面的this就是当前这个span的dom元素

    //$(this)就是当前span的jquery对象，你可以对他们进行任何 *** 作

    //比如现在我就移除当前这个span

    $(this)remove();

})

});

//最后整个代码的意思就是一个ID为btnAdd的元素单击时则追加一个span元素到ID为addTagDiv的元素内，该span的html为一个ID叫textAdd元素的value属性值。然后单击任何一个新增的span元素将会把这个span移除掉

//代码没有测试，如有问题请继续追问

你好！

获取同辈的元素，有个siblings()方法，这个可以获取到同级的所有元素;

还有prev()、next()分别获取之前和之后的元素，这是取向前或向后的一个元素;

prevAll()、nextAll()是获取之前和之后的所有同级元素;

<ul>

   <li>list item 1</li>

   <li>list item 2</li>

   <li class="third-item">list item 3</li>

   <li>list item 4</li>

   <li>list item 5</li>

</ul>

$("lithird-item")siblings(); //可以获取4个li元素

$("lithird-item")prev();   //取得item2

$("lithird-item")next();   //取得item4

$("lithird-item")prevAll();  //取得item1 itme2

$("lithird-item")nextAll();  //取得item4 item5

还有种方式就是通过siblings()方法获取到同级元素后，使用eq()方法定位元素

var $lis = $("li:last")siblings();

$liseq(0)

希望对你有帮助！

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml，并引入jquery。

2、在indexhtml中的<script>标签，输入jquery代码：$('body')append($('diva')text());。

3、浏览器运行indexhtml页面，此时成功获取了指定div中的a标签并打印了其文本。

提供两种方法获取div下第一个或最后一个a标签的内容：

使用选择器 first-child 和 last-child

使用遍历方法 first() 和last()

实例演示如下:

1、HTML结构

<div id="test">

<a href="#">第1个超链接</a>

<a href="#">第2个超链接</a>

<a href="#">第3个超链接</a>

<a href="#">第4个超链接</a>

</div>

<input type="button" id="btn1" value="第一个超链接">

<input type="button" id="btn2" value="最后一个超链接">

2、jquery代码

$(function(){

$("#btn1")click(function() {

var str = $("#test a:first-child")text();

alert(str);

});

$("#btn2")click(function() {

var str = $("#test a")last()text();

alert(str);

});

});

3、效果演示

1、首先需要引入jquery脚本文件。

2、然后添加一些简单的html，这里主要的就是在一个div里添加了二个a链接，div和a链接就各自有id属性。还有一个 *** 作的按钮，加上了onclick事件的。

3、然后需要添加对应的点击事件函数。

4、在函数中，先利用jquery的选择器方法来获取到a链接，$("#my_div a")这个代码就是指在id为my_div下的所有a链接。

5、获取到链接后，就用一个for循环来得到div里所有链接的id，主要是通过jquery的attr方法来得到每个链接控件的id属性。得到后，将其保存进数组里。

6、然后通过alert方法来d出显示所有链接的id。

7、运行页面，可以看到现在有二个链接，点击一下按钮。

8、点击后，会d出一个alert窗口，这里显示出了二个链接的id属性，对比代码里的值，获取的结果是正确的。

以上就是关于用jq或者js自动获取标签a内容然后写入标签b全部的内容，包括:用jq或者js自动获取标签a内容然后写入标签b、使用jQuery获取相同类名的元素集合、jquery怎样获得同辈的前几个和后几个元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！