jquery如何获取img标签的所有元素

jquery如何获取img标签的所有元素,第1张

$("img")each(function(){\x0d\ alert($(this)attr("src"));\x0d\ });\x0d\直接用img标记就可以了。取得img的属性的值就用attr方法。\x0d\既然你用jQuery,就要把jQuery的选择器弄明白,jQuery的选择器可是很强大的。

你好!

获取同辈的元素,有个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)

希望对你有帮助!

当加载列表时,默认希望选中第一条。top_menu 为ul的ID

通过 $("#top_menu li:first") 就可以获取到 ul下第一个li标签。然后就可以利用

例如 修改属性:$("#top_menu li:first")attr("class","select");

触发事件:$("#top_menu li:first")click();

如果想获取li下的 a标签,如下:

$("#top_menu li:first a")

也可以 修改属性:$("#top_menu li:first a")attr("","");

触发事件:$("#top_menu li:first a")click();

<ul class="nav white" id="top_menu" name="top_menu">

<!-- 一级菜单 -->

<s:iterator value="list" status="st">

<li><a onclick=""><s:property value="menuName" /></a></li>

</s:iterator>

</ul>

使用jQuery框架 *** 作HTML DOM是一件极其便捷的事情,如下 *** 作即可获取相应节点的数据,id和名字(下文中引用“$(this)”表示一个jQuery对象):

获取节点标签内容数据: $(this)html( )

获取表单组件中的值: $(this)val()

获取节点中的文本内容(例如textarea): $(this)text()

获取节点的id: $(this)attr("id")

获取节点的名字: $(this)attr("name")

就是这两个标签同步吧,提供下思路思路:

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

以上就是关于jquery如何获取img标签的所有元素全部的内容,包括:jquery如何获取img标签的所有元素、jquery怎样获得同辈的前几个和后几个元素、用jq怎么获取<ul>里面的<li>的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/10159271.html

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

发表评论

登录后才能评论

评论列表(0条)

保存