2011-07-31 63 views
0

http://jsbin.com/uzogag/2/edit警報屬性內容

我已經嘗試與搜索jQuery的代碼,會提醒「英語」從屬性選擇。這是一個簡單的新手問題,但是一個很好的練習。會有某種靈魂借給智慧嗎?

的JavaScript

$('p[language]').alert(this.text()); 

HTML

<!DOCTYPE html> 
<html> 
<head> 
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<meta charset=utf-8 /> 
<title>JS Bin</title> 
<!--[if IE]> 
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--> 

</head> 
<body> 
    <h1>Select elements with specific text:</h1> 
    <div> 
    <p>This is paragraph 1.</p> 
    <p language="English">This is paragraph 2.</p> 
    <p>This is paragraph 3.</p> 
    <p>This is paragraph 4.</p> 
    </div> 
    <form> 
    <input type="button" value="Select" onclick="setStyle()"></input> 
    </form> 
</body> 
</html> 

回答

3

jQuery對象的不具有alert方法。做到這一點,而不是:

alert($('p[language]').attr('language')); 

的選擇p[language]會發現,有一個language屬性<p>元素。

attr方法返回屬性值,在本例中爲「English」。如果選擇器匹配多個元素,則此方法將檢索第一個匹配的值。

alert方法是一個全局函數(即它是window對象的成員)。

1

試試這個:

$('p[language]').click(function() { 
    alert($(this).attr('language')); 
}); 
1

原生JavaScript方法alert不可鏈接jQuery對象。

alert($('p[language]').attr('language'))