Php 使用jQuery获取div position:absolute下的元素 a1 b1 c1 d1 e1 f1 a2 b2 c2 d2 e2 f2 a3 b3 c3 d3 asdasd e3 f3 a4 b4 补体第四成份 d4 e4 f4 a5 b5 碳五 d5 e5 f5 a6 b6 c6 d6 e6 f6

​ ​ 现场：

如何使用jQuery获取div#abs下的所有元素

---

在这个例子中，我想用td{d4，d5，d6，e4，e5，e6，f4，f5，f6}来接收对象

你能试试这样吗

注：仅参考实际属于问题的标签

<table id="droppable" border="1" style="position: relative">
    <tr> 
      <td>a1</td>
      <td>b1</td>
      <td>c1</td>
      <td>d1</td>
      <td>e1</td>
      <td>f1</td>
    </tr>
    <tr> 
      <td>a2</td>
      <td>b2</td>
      <td>c2</td>
      <td>d2</td>
      <td>e2</td>
      <td>f2</td>
    </tr>
    <tr>
     <td>a3</td>
     <td>b3</td>
     <td>c3</td>
     <td>d3
     <div id="abs" style="position: absolute; height: 50px; width: 50px;background-   color: red">asdasd</div>
    </td>
    <td>e3</td>
    <td>f3</td>
    </tr>
    <tr> 
     <td>a4</td>
     <td>b4</td>
     <td>c4</td>
     <td>d4</td>
     <td>e4</td>
     <td>f4</td>
    </tr>
    <tr> 
    <td>a5</td>
    <td>b5</td>
    <td>c5</td>
    <td>d5</td>
    <td>e5</td>
    <td>f5</td>
    </tr>
    <tr> 
     <td>a6</td>
     <td>b6</td>
     <td>c6</td>
     <td>d6</td>
     <td>e6</td>
     <td>f6</td>
   </tr>
</table>

ASDASDA1B1C1D1E1
a2b2c2d2e2f2
a3b3c3d3e3f3
a4b4c4d4e4f4
a5b5c5d5e5f5
a6b6c6d6e6f6

您可以为特定td指定类，而不是使用Id

获取元素的一种方法是检查单元格的坐标和尺寸

使用以下两个功能：

<table id="droppable" border="1" style="float: left; clear: both">
    <tr>
        <div id="abs" style="float:left; height: 50px; width: 50px;background-color: red">asdasd</div><td>a1</td><td>b1</td><td>c1</td><td>d1</td><td>e1</td><td>f1</td></tr>
    <tr> <td>a2</td><td>b2</td><td>c2</td><td>d2</td><td>e2</td><td>f2</td></tr>
    <tr> <td>a3</td><td>b3</td><td>c3</td><td>d3</td><td>e3</td><td>f3</td></tr>
    <tr> <td>a4</td><td>b4</td><td>c4</td><td>d4</td><td>e4</td><td>f4</td></tr>
    <tr> <td>a5</td><td>b5</td><td>c5</td><td>d5</td><td>e5</td><td>f5</td></tr>
    <tr> <td>a6</td><td>b6</td><td>c6</td><td>d6</td><td>e6</td><td>f6</td></tr>
</table>

函数getRectangle（obj）{ var off=obj.offset（）； 返回{ 顶部：off.top， 左：关，左， 高度：obj.outerHeight（）， 宽度：obj.outerWidth（） }; } 函数inCoords（x，y，rect）{ if（（x>rect.left&&x<（rect.left+rect.width）） &&（y>rect.top&&y<（rect.top+rect.height））） 返回true； 返回false； } 使用getRectangle，您应该首先保存div的数据。在下一步中，您将查看所有td

document.getElementsByTagName（“td”）并用“inCoords”检查单元格的左上角是否在div的矩形中。也许可以用左+宽和上+高计算右下角，以便检查该角是否在div下

我希望这有帮助

问候语
使用

function getRectangle (obj) {

   var off = obj.offset();

   return {
          top: off.top,
          left: off.left,
          height: obj.outerHeight(),
          width: obj.outerWidth()
   };
}

function inCoords (x, y, rect) {

        if ((x > rect.left && x < (rect.left + rect.width))
            && (y > rect.top && y < (rect.top + rect.height)))
            return true;

        return false;
}

.同级（[选择器]）
获取匹配元素集中每个元素的同级，可选地通过选择器进行筛选

 $('#abs').siblings()


清单项目1
清单项目2
列出第3项
清单项目4
清单项目5

$（'li.third item'）.sides（）.css（'background-color'，'red'）；


或者，您可以为其指定类名

<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>
$('li.third-item').siblings().css('background-color', 'red');

d4
d5
d6
e4
e5
e6
f4
f5
f6
$（'.position'）.css（'background-color'，'red'）；

兄弟姐妹（）：获取匹配元素集中每个元素的兄弟姐妹，可选地通过选择器进行筛选

 $('#abs').siblings()

查看完整文档。
中不允许使用元素
首先不要使用ID，如果它是多个abs，请使用class属性，您可以执行
$（'#droppable.abs'）
无论如何，您也可以使用jQuery中的
过滤器（）
，也可以始终使用
$（'#droppable[ID=abs'））
要获取ID，但我不建议这样做，我会选择一个类，而不是在我的示例中如何操作？您可以为这个d4、d5、d6、e4、e5、e6、f4、f5、f6指定类。通过使用该类名，您可以接收该对象
$('#abs').siblings()