JSFiddle Example

Question

我是JavaScript的新手，但我想解决这个问题。

我的代码是：

JavaScript：

function win(anchor) {
    var value = anchor.getAttribute('value');  
    var html = anchor.innerHTML;  
    document.write(value);
    document.write(html);
    }

HTML：

      <ul id="nav">
        <li><a href="#1" onclick="win(this)">QUANTITATIVE</a></li>
        <li><a href="#2" onclick="win(this)">REASONING</a></li>               
        <li><a href="#3" onclick="win(this)">ENGLISH</a></li>
        <li><a href="#4" onclick="win(this)">GENERAL KNOWLADGE</a></li>
        <li><a href="#5" onclick="win(this)">COMPUTER</a></li>
    </ul>

我想知道如何使用Javascript我得到我最近点击的菜单栏选项的值意思是我点击的菜单我得到变量中的值。

Answer 1

我创建了这个例子 -

function win(anchor) {
    var html = anchor.innerHTML;  
    console.log(html);
}

在这个小提琴中起作用 - http://jsfiddle.net/jayblanchard/2XD2C/

Answer 2

也许你可以把它传递给方法：

<li><a href="#1" onclick="win(this, 'QUANTITATIVE')">QUANTITATIVE</a></li>

这取决于您的申请

Answer 3

alert(document.getElementById('nav').children[1][text]);

Answer 4

最好使用事件处理和不引人注目的JavaScript而不是onclick=""属性。以下是使用jQuery及其.click()函数的示例。如果导航将在以后添加元素或在其他页面上添加不同的元素，这也将动态地工作。

$('#nav li').each(function() {
    $(this).click(function() {
        var value = $(this).find('a').html();
        $('#result').html(value);
    }); 
});

我如何使用Javascript从菜单栏获取价值

4 个答案:

JSFiddle Example