jquery 根据DIV内容怎么得到DIV的ID

JonGrein 2012-03-30 05:58:43

比如
<div id="code1">中国</div>
<div id="adeg">美国</div>
<div id="dg3g">英国</div>
<div id="gjr4">德国</div>
<div id="bkjt">法国</div>
我要怎么根据“德国”得到其相应的id=gjr4 ？

...全文

306 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

JonGrein 2012-03-31

打赏
举报

问题已解决，多谢楼上朋友的代码。
其实我的页面时代码时这样的。
<div id="top"
<div id="code1">中国</div>
<div id="adeg">美国</div>
<div id="dg3g">英国</div>
<div id="gjr4">德国</div>
<div id="bkjt">法国</div>
</div>
这样得到的数据就是 array[0]="top",array[1]=gjr4
原来在外部套一个DIV 也会在这里影响到 $("div[id]:contains('德国')");
所以我要的ID 永远都只会在这个数组的第2个下标值。

zell419 2012-03-31

打赏
举报

[Quote=引用 2 楼的回复:]

试过你这种方法了得到的ID 是""
[/Quote]
我这里能得到gjr4

[Quote=引用 4 楼的回复:]

我页面上有很多这种div 遍历的话有可能会上千次。所以遍历不可取。就是想找一种不用遍历的。
[/Quote]
这个应该只能用循环遍历。
原生的话就
document.getElementById
document.getElementsByName
document.getElementsByTagName
获取元素。

吉普赛的歌社区高级成员 T9 2012-03-31

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <script src="ec/jquery/jquery-1.6.4.min.js" type="text/javascript"></script>

    <script type="text/javascript">

        function test(only) {

            var $objs = $("div[id]:contains('德国')");

            var arr = [];

            $objs.each(function () {

                if (only && $(this).text().length > 2)

                    return false;

                arr.push($(this).attr("id"));

            });

            alert(arr);

        }

    </script>

</head>

<body>

    <div id="code1">中国</div>

    <div id="adeg">美国</div>

    <div id="dg3g">英国</div>

    <div id="gjr4">德国</div>

    <div id="bkjt">法国</div>

    <div id="Div1">德国1</div>

    <div id="Div2">德国2</div>

    <div id="Div3">德国3</div>

    <div id="Div4">德国4</div>

    <input type="button" value="取得包含德国的 div 的id" onclick="test(false)" />

    <input type="button" value="取得只包含德国的 div 的id" onclick="test(true)" />

</body>

</html>

至于遍历的问题，你不用置疑楼上的说法。 jquery只是一个工具，不是神仙。木乃伊包装成美女了，本质还是木乃伊

wzhiyuan 2012-03-30

打赏
举报

用jquery 选择符写的再简洁，本质上也是遍历，jquery是用来提高程序员效率的，不是提高运行效率的
而且运行几知次的遍历就是毫秒级。
参考一下这个
http://topic.csdn.net/u/20120327/14/2efcc425-dcf8-429d-bc3d-8366e324b354.html

JonGrein 2012-03-30

打赏
举报

我页面上有很多这种div 遍历的话有可能会上千次。所以遍历不可取。就是想找一种不用遍历的。

wzhiyuan 2012-03-30

打赏
举报

笨方法遍历吧



   $("div").each(function() { 

    if($(this).html()=="德国"){alert($(this).attr("id"))}

    });

JonGrein 2012-03-30

打赏
举报

试过你这种方法了得到的ID 是""

zell419 2012-03-30

打赏
举报

try : $("div:contains('德国')").eq(0).attr("id");

但是contains不是精确匹配。

本文记录了一种使用jQuery实现从后端获取数据，并动态克隆到前端的过程。包括四个步骤：克隆div，修改克隆元素的id和class，根据数据库数据填充内容，最后将克隆对象添加到页面。同时，提到了克隆的div中包含了点击事件，且能根据不同的id进行不同的处理。

文章讲述了如何在使用PHP遍历项目时，利用jQuery实现点击事件触发内容的动态切换，即使div没有静态ID。作者建议使用类名进行事件绑定，并根据项目ID动态查找元素。

本文介绍了一种方法来清除指定ID为#div1的元素的高度样式设置。通过使用jQuery库提供的.css方法，可以有效地移除该样式属性，使得div能够根据内容自动调整大小。

该系列代码展示了如何封装基础的jQuery功能，包括根据ID获取DOM元素，模拟$函数，处理window.onload事件以及替代.innerHTML的方法。通过创建一个工具函数$,实现了点击按钮后在指定div内显示错误提示的功能，同时添加了html方法用于设置元素内容和click方法处理点击事件。

博客介绍了使用jQuery在指定元素前添加内容的设计思路与代码示例。设计思路包括用jQuery选择器选元素、创建新HTML字符串、用.before()方法添加内容；代码示例展示了页面加载后，jQuery找到指定ID元素并添加新内容。

JavaScript

87,989

社区成员

224,684

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章

jquery 根据DIV内容 怎么得到DIV的ID

jquery 根据DIV内容怎么得到DIV的ID