2012-07-10 86 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