2012-07-10 84 views
0

我想任何的jQuery或Javascript选择从HTML文件中的以下三个值HTML的价值。如何从jQuery的或JavaScript

  1. 类 “的Class1” href的值
  2. 类 “的Class1” 内部文本值(人物角色中的示例代码)
  3. 类 “标题” 内的文本值(会计中的例子)

如何选择节点的所有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> 
..... 
+0

你说的“选择”是什么意思?突出? – Bergi 2012-07-10 07:27:44

+0

你能重新表达这个问题吗?很抱歉,但我想我不明白这一点 – davids 2012-07-10 07:29:01

+1

凡在你的HTML是'classA'?我只看到'class1'。你可以通过几种方式获得“会计师”,一种安全的方法是使用选择器。一种方法是:'$('#result-set li#v-0 dl。基本的dd.title')。html()' – 2012-07-10 07:29:23

回答

5

要获得 “PERSONA”:$('#v-0 h2 a').html();

为了得到该链接的HREF:$('#v-0 h2 a').attr('href');

为了让 “会计”:$('#v-0 dl dd').html();

您可以修改ID( “V-0”)在选择器的开始选择数据集的特定“行”。

0

你的意思是用jQuery选择选择他们会做像这样:

$('.class1').attr('href') //class1 href, i persume you dont mean classA as it doesnt exist in your code 
$('.class1').text(); //PersonA text using the same selector 
$('.title').text(); //Accountant from the .title dd 
5

使用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对象,它持有li(从开始其中this是li元素本身)。该.find()方法用于查找里内的锚定元件,然后其href和内容被检索。

您询问的“会计师”是定义列表中的一个项目,因此您可能想要在上面嵌套的另一个.each()语句中遍历该列表。

你不说清楚要如何使用的值,但这应该让你开始。有关我提到的各种jQuery方法的更多详细信息,请检查jQuery API

2
document.getElementById(Id).value 

返回具有特定id的元素的值。 jQuery中:

$("#id").val() 

通过$(".yourClass").val()

类来获得属性值使用attr("attributeName")例如$(".class1").attr('href')。如果你想从指定的元素文本中使用.text()$(".title").text() //will return Accountant