如何从jquery或javascript获取HTML的价值

Question

我想通过Jquery或Javascript从HTML文件中选择以下三个值.

1. class"class1"href值
2. class"class1"内部文本值(示例代码中的PersonA)
3. class"Title"内部文本值(示例中为Accountant)

如何逐节点选择li的所有数据？我搞不清楚了 :(

<ol id="result-set">
<li id="v-0">
    <div class="result-data">
    ..
    <h2>
        <a class="class1" href="">PersonA</a>
    </h2>
    <dl class="basic">
        <dt>Title</dt>
        <dd class="title">Accountant</dd>
        ....
    </dl>
    </div>
</li>
<li id="v-1">
...
</li>
..... 

Answer 1

使用jQuery,您可以执行以下操作:

$("#result-set li").each(function() {
   var $currentLi = $(this),
       $class1link = $currentLi.find("a.class1"),
       class1href = $classAlink.attr("href"),
       class1content = $classAlink.html();

   // do something with values
});

该.each()方法将处理每个li元素.内回调.each()变量$currentLi是一个jQuery对象保持李(从设置$(this)在那里this是li元素本身).该.find()方法用于在li中找到锚元素,然后检索其href和内容.

您询问的"会计"是定义列表中的一个项目,因此您可能希望使用.each()嵌套在上面的一个语句中循环遍历该列表.

您没有说清楚如何使用这些值,但这应该可以帮助您入门.有关我提到的各种jQuery方法的更多详细信息,请查看jQuery API.

Answer 2

获得"PersonA": $('#v-0 h2 a').html();

要获得该链接的href: $('#v-0 h2 a').attr('href');

获得"会计师": $('#v-0 dl dd').html();

您可以在选择器的开头修改id("v-0")以选择数据集的特定"行".