检查以查看子div在父DIV中具有特定链接

Question

<div id="posts">
        <table>
         <tr>
            <td>
              <div id="name" class="enabled"><a href="123.com/abc">User1</a></div>
            </td>
            <td>
              <div id="post-content">
                  Hello
              <div id="load">
              </div>
              </div>
            </td>
         </tr>
        </table>
    <br><br>
            <table>
             <tr>
                <td>
                  <div id="name" class="enabled"><a href="123.com/user2">User2</a></div>
                </td>
                <td>
                  <div id="post-content">
                      Hello too
                  <div id="load"></div>
                  </div>
                </td>
             </tr>
            </table>
         </div>

我如何使用jQuery / Javacript在#posts表的 #name div中查找带有“ abc ”的链接。

并找到它之后（带有abc的链接）。 jQuery会使用html（）;将html内容添加到该表的 ＃post-content #load div中，该表的内部带有“ abc”链接 。 jQuery中的功能。

这意味着添加我的代码后将如下所示：

 <div id="posts">
    <table>
     <tr>
        <td>
          <div id="name" class="enabled"><a href="123.com/abc">User1</a></div>
        </td>
        <td>
          <div id="post-content">
              Hello
          <div id="load">
            Some stuff is added here using html()
          </div>
          </div>
        </td>
     </tr>
    </table>
<br><br>
        <table>
         <tr>
            <td>
              <div id="name" class="enabled"><a href="123.com/user2">User2</a></div>
            </td>
            <td>
              <div id="post-content">
                  Hello too
              <div id="load"></div>
              </div>
            </td>
         </tr>
        </table>
     </div>

而没有与“ abc”链接（即与“ user2”链接）的#name 不会受到影响或修改。

我怎样才能做到这一点？

我希望你明白。

Answer 1

1. 查找带有href且包含“ abc”的标签
2. 获取父母tr

3. 在此元素中找到#postcontent >#load

    var x = $('a[href*="abc"]'); var b = x.parents('tr'); var c = b.find('#post-content > #load'); alert(c.html()); 

Answer 2

假设您修复了html并使用了类：

$('.name a[href*="abc"]').closest('tr').find('.load').html('Some stuff is added here using html()');