在jquery 中我使用change事件綁定input type=file，當觸發該事件時....

jquery

siaumau 2017-12-14 16:07:27 ‧ 6080 瀏覽

分享至

在jquery 中，
我使用change事件綁定的改變

簡易的code如下

(上述有四組或更多組這樣配置的標籤)

當觸發該事件(change)時，會藉由 ajaxSubmit 將要送出的資料送出，
在成功回傳的data中，要如何塞到next()的div中呢?

希望能做到下面
success: function(data)
{ 發生改變的DOM節點，的下一個DIV中塞入成功回傳的data }

在麻煩各位大大，謝謝~

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

king742171

iT邦新手 2 級 ‧ 2017-12-14 16:33:34

你是不是有圖...但是沒有跑出來啊...= =

回應 7
分享
檢舉

看更多先前的回應...收起先前的回應...

siaumau iT邦新手 5 級 ‧ 2017-12-14 16:38:40 檢舉

假如有四張圖
因為class一樣的有四個就會跑四張圖
是有跑出來啦
只是我要的是選取的該個input下面放置的div塞我要的圖
因為class都一樣
所以一次會跑四張圖出來

fillano iT邦超人 1 級 ‧ 2017-12-14 16:57:12 檢舉

呼叫next()，然後檢查回傳的是不是div，直到找到為止。

froce iT邦大師 1 級 ‧ 2017-12-14 21:47:42 檢舉

是笨的人看不到簡易code嗎？哭哭

jQuery有nextAll()，可以搭配 :first 選擇子來做（EX：$(this).nextAll("div:first")），不過還是要看到html結構才能確定是不是你要的。

siaumau iT邦新手 5 級 ‧ 2017-12-15 09:04:05 檢舉

哈哈不好意思簡易code被吃掉了沒關係我試看看諸位的方式
謝謝喔

king742171 iT邦新手 2 級 ‧ 2017-12-15 09:19:27 檢舉

無字天書的概念..

froce iT邦大師 1 級 ‧ 2017-12-15 16:47:08 檢舉

<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="css/style.css" rel="stylesheet">
        <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
            crossorigin="anonymous"></script>
    </head>
    <body>
        <button type="">1</button>
        <div>1-1</div>
        <div>1-2</div>
        <div>1-3</div>
        <button type="">2</button>
        <div>2-1</div>
        <div>2-2</div>
        <div>2-3</div>
    </body>
</html>

<script>
    $("button").click(function(){
        alert($(this).nextAll("div:first").text());
    });
</script>

不是無字天書的簡短code，只要第一個div的話還可以用nextUntil()。