jquery脚本选择上一个兄弟

Question

你好，我正在使用 jquery mobile 这是代码

    <form class="ui-filterable">
        <input id="filterBasic-input" data-type="search">
    </form>
    <div data-role="collapsible">
        <h2><span>paris</span><span class="pays">france</span> 
    <a  class="gene02"data-role="button" data-inline="true" data-mini="true">generique</a></h2>
        <p>code:24</p>
    </div>
</li>
<li>
    <div data-role="collapsible">
        <h2><span>marakeche</span>
            <span class="pays">maroc</span>
            <a class="gene02"data-role="button" data-inline="true" data-mini="true">generique</a>
        </h2>
        <p>code:3300</p>
    </div>
</li>

我想当我点击 class="gene02" 时，它将获取一个带有类支付的先例跨度的值，并将其放在一个表单 class="ui-filterable" 我尝试执行此表单类 ui-filterable

$(document).ready(function () {
    $(".gene02").click(function () {
        $("#filterBasic-input").val($(".pays").html());
    });
});

但它只在第二个 div 中选择 france 而不是 maroc 。谢谢帮助

Answer 1

你可以得到它：

$(".gene02").click(function() 
{
    var $brotha = $(this).parent().find(".pays");
    //$brotha is your element
});

http://jsfiddle.net/p7ENh/

http://jsfiddle.net/p7ENh/1/

Answer 2

$(".gene02").click(function () {
    $("#filterBasic-input").val($(this).prevAll(".pays").html());
});

如果它始终是第一个上一个兄弟，您也可以改用 $(this).prev()。

Answer 3

基本上来自class selector 或collection 的元素，如果您访问其任何属性/值，它将仅返回集合中first one 的值。

试试，

$(document).ready(function() {
 $(".gene02").click(function() {
    var xOutput = '';
    $('.pays').each(function(){ xOutput += $(this).html(); }); 
    $("#filterBasic-input").val(xOutput);
 });
});

---

$(document).ready(function() {
  $(".gene02").click(function() {      
    $("#filterBasic-input").val($(this).closest('div').find('.pays').html());
  });
});