用链接脚本更新id本身的值

Question

我需要这段代码来打印链接的适当值，而不是列表顶部的值。

我尝试过在前面添加$(this).parent().children或$(this).siblings，但是根本不起作用。

html

<nav id="menu">
    <div id="app">
        <ul class="List"><span>Enter Number below</span>                
            <div id="number">
            <input type="text" name="number" id="textbox1" value="22984">    
                <li><span>Disney</span>
                <ul>                    
                      <li><span>Lands</span>
                          <ul>                           
                             <li><span>Adventureland</span>
                                <ul id="BCPX3205">                                 
                                    <div id="linkified">value</div>               
                                 </ul>
                             </li>
                             <li><span>Frontierland</span>
                                <ul id="AXSE5425">                             
                                            <div id="linkified">value</div>       
                                    </ul>
                             </li>
                             <li><span>Fantasyland</span>
                                <ul id="GBHY8745">                             
                                            <div id="linkified">value</div> 
                                    </ul>
                             </li>
                             <li><span>Tomorrowland</span>
                                <ul id="CNFE4767">                            
                                            <div id="linkified">value</div>       
                                    </ul>
                             </li>
                              <li><span>Toontown</span>
                        <ul id="BCPLMP245">         
                            <div id="linkified">value</div>
                        </ul>
                     </li>
                          </ul>
                      </li>                    
                </ul>
            </li>               

javascript

$('ul[id]').each(function() {
var ul = this;
$(ul).append(
    $(document.createElement('li'))
        .append(
            $(document.createElement('button'))
                .addClass('redirect')
                .text('Open Website')
                .click(function() {
                    var goUrl = 'http://www.example.com/' + $(ul).attr('id') + '?referringRepId=' + $("#textbox1").val();
                    window.location = goUrl;
                })
        )
    .append(
            $(document.createElement('button'))
                .addClass('redirect')
                .text('Email Link')
                .click(function() {
                    var emaillink = 'http://www.example.com/' + $(ul).attr('id') + '%3FreferringRepId=' + $("#textbox1").val();
            console.log(emaillink);
            window.location.href = 'mailto:?subject=&body=' + emaillink;    
                })
        )
        .append(
            $(document.createElement('button'))
                .addClass('txtLinky')
                .text('Click Link')
                .click(function() {
                 $('#linkified').html('http://www.example.com/' + $(ul).attr('id') + '?referringRepId=' + $("#textbox1").val());

    $('#linkified').linkify({
               tagName: 'a',
               target: '_blank',
               newLine: '\n'
            }); 


                })
        )
)
});

http://jsfiddle.net/VFhK9/81/

Answer 1

您需要根据HTML选择与单击的按钮相关的适当linkified来完成这一任务，您需要从那里获取父ul并查找子linkiefied。

$(this).parent().parent().find('.linkified').html('http://www.example.com/' + $(ul).attr('id') + '?referringRepId=' + $("#textbox1").val());

此外，id应该是唯一的，因此我将您的id更改为class。

小提琴