在jquery中查找html元素

时间:2012-07-04 11:03:27

标签: html jquery-selectors

我应该找到一个类并为其应用逻辑。 我的代码结构如下。

<div class="class">

  <form>

    <ul>
      <li>xxx</li><li>xxx</li>
    </ul>

    <ul>
      <li>xxx</li><li>xxx</li>
    </ul>

    <ul class="ul_class">

      <li>
        <input ....><a ...><span ..></span>
        <a href="#" title="View History" class="hstry">
        <span class="hide">&nbsp;</span></a>
      </li>

      <li>xxx</li>

     </ul>

   </form>

如何使用名为hstry的类在ul内找到班级ul_class

4 个答案:

答案 0 :(得分:0)

只需使用普通的CSS选择器来查找嵌套类,如下所示:

$( 'ul.ul_class .hstry' )

注意两个类之间的空格。没有它,它将匹配具有两个类的元素,而不是具有类hstry的元素,该元素低于具有类<ul>的某个ul_class元素。

答案 1 :(得分:0)

如果您需要内容,请尝试

  

var hstry = $(&#39; body&#39;)。find(&#39; .hstry&#39;)。html();

然后你可以用任何你想要的方式操作这个变量。

答案 2 :(得分:0)

使用jquery: $("ul.ul_class").find(".hstr");

答案 3 :(得分:0)

$('ul.ul_class .hstry').html(); //for html content
$('ul.ul_class .hstry').text(); //for text data