Question

请找到以下结构。

当我点击一个按钮时，我需要获得两个div的li值。

例如，让我们考虑在第一个div中我选择了test2 和在第二个div中我选择了测试8 和当我点击我需要的按钮得到值为558和561

如何使用jquery执行此操作。

<div class='parent'>test 1</div>
<div class="list">
    <ul>
    <li value="0">All</li>
    <li value="556">test 1</li>
    <li value="558">test 2</li>
    <li value="560">test 3</li>
    <li value="561">test 4</li>
    </ul>  
</div>

<div class='parent2'>test 6</div>
<div class="list2">
<ul>
<li value="0">All</li>
<li value="556">test 5</li>
<li value="558">test 6</li>
<li value="560">test 7</li>
<li value="561">test 8</li>
</ul>  
</div>

提前致谢...

Answer 1

无法选择

li个标记，也没有定义value属性。使用单选按钮或下拉列表选择值更为正确。如果你想使用li你可以保留2个全局变量和相应的选定值，每次点击li时都会更新：

var value1 = '0',
    value2 = '0';

$('.list li').click(function() {
    value1 = $(this).attr('value');
});

$('.list2 li').click(function() {
    value2 = $(this).attr('value');
});

$('#someButton').click(function() {
    alert('value1 = ' + value1 + ' | value2 = ' + value2);    
});

Answer 2

如果您询问“select”框而不是“li”标签，可以使用.val（）

轻松地使用jQuery获取select变量

如何使用jquery获取两个div的li值

2 个答案: