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 ，其中包含;在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”链接的#name是“user2”的链接，但不会受到影响或修改。

我该怎么做？

我希望你明白。

Answer 1

找到包含'abc'
获取父级tr

在此元素中找到#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()');

检查以查看子div在父DIV中具有某些链接

2 个答案: