鍍金池/ 問(wèn)答/網(wǎng)絡(luò)安全  HTML/ 如何獲取不同級(jí)的元素

如何獲取不同級(jí)的元素

代碼：

<li class="title_width2" id="price1">￥28</li>
<li class="title_width3">
    <div class="Numbers">
        <a href="javascript:void(0);" id="del1" onclick="updatenum('del');" class="jian">-        </a>
    <input id="number1" name="number" type="text" value="2" class="number_text">
    <a href="javascript:void(0);" id="add1" onclick="updatenum('add');" class="jia">+</a>
        </div>        
</li>
<li class="title_width4" id="total1">￥545</li>
<li class="title_width5"><a href="#">刪除</a></li>

如何獲取￥28和￥545，分別以class="jian和class="jia"定位開(kāi)始找。
也就是

$(".jia").on("click",function(){
      //獲?。?8
      //獲?。?45
})
$(".jian").on("click",function(){
      //獲?。?8
      //獲?。?45
})

因?yàn)槭怯卸鄠€(gè)商品的，所以不能用$(".title_width4").text();獲取，這樣比較麻煩，如果有多個(gè)的話就獲取重復(fù)了。我想得到的效果是用尋找級(jí)別的選擇器

回答
編輯回答
冷溫柔

我見(jiàn)你寫(xiě)的有id了，可以用id

2018年1月18日 11:39
編輯回答
懶豬

獲取￥28：$('.jian').closest('li').pre().text();
獲?。?45：$('.jian').closest('li').next().text();

2018年9月14日 09:51
編輯回答
傻丟丟
$(".jia").on("click",function(){
  $(this).find(".title_width4")
})
2018年4月15日 10:51
編輯回答
涼汐
$('#del1').click(function(){
        console.log($(this).parent().parent().parent().find($('#price1')).html())
})
$('#add1').click(function(){
        console.log($(this).parent().parent().parent().find($('#total1')).html())
})

find是返回當(dāng)前元素的后代元素選擇的結(jié)果。里面填選擇器。

2017年10月12日 20:12