Получите доступ к значениям определенного идентификатора и используйте их для преобразования текста в ссылку - PullRequest
Новая
       19

Получите доступ к значениям определенного идентификатора и используйте их для преобразования текста в ссылку

0 голосов
/ 06 апреля 2019

Я хочу получить доступ к значениям входных идентификаторов и создать определенную ссылку, используя их, а затем сделать значения бананов и яблок кликабельными с помощью jquery, так как есть несколько элементов div "panel-defaul", я хочу сделать все эти кликабельнымииспользуя значения их входных идентификаторов ......

Я уже пытался получить доступ к значениям входных идентификаторов и не добился успеха

var id1 = $ (". input-group.input-group-lg "). attr (" market'0'.list'0'.made "). value;

console.log (id1); 

            <div class="panel-default">
                <div class="panel-body">
                    <div class="row-fluid">
                        <div class="col-md-8 col-lg-10">
                            <div class="row-fluid">
                                <div class="col-md-1">
                                </div>
                                <div class="col-md-11">
                                    <br>
                                    <table>
                                        <tbody>
                                            <tr align="left">
                                                <td><strong>1</strong></td>
                                                <td><i>Banana</i></td>
                                            </tr>
                                            <tr align="left">
                                                <td><strong>2</strong></td>
                                                <td><i>Apple</i></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-lg-2">
                            <div class="input-group input-group-lg">

                                <input id="market'0'.list'0'.made" name="xxx1" value="Fruit1" type="hidden">

                                <input id="market'0'.list'1'.made" name="xxx2" value="Fruit2" type="hidden">
                            </div>

                        </div>
                    </div>
                </div>
            </div>

Ожидаетсярезультат должен быть таким:

банан «кликабелен» перенаправляет на ссылку «www.xyz.com/Fruit1»

яблоко «кликабелен» перенаправляет на ссылку www.xyz.ком / Fruit2"

Ответы [ 2 ]

0 голосов
/ 06 апреля 2019

Пожалуйста, попробуйте это. 

var id1 = $(".input-group.input-group-lg input[name='xxx1']").val();
var id2 = $(".input-group.input-group-lg input[name='xxx2']").val();
console.log( id1 + ' | ' + id2 );
0 голосов
/ 06 апреля 2019

Ваш вопрос немного расплывчат, но вот как вы получаете значения в DOM: 

var $fruits = $(".input-group.input-group-lg").children();

var $newDiv = $('.links');
$fruits.each(function (index, el) {
  var $newLink = $('<a></a>');
  var link = 'http://www.example.com/' + el.value
  
  $newLink.text(el.value)
  $newLink.attr('href', link)
  $newDiv.append($newLink)
  $newDiv.append('<br />')
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="panel-default">
                <div class="panel-body">
                    <div class="row-fluid">
                        <div class="col-md-8 col-lg-10">
                            <div class="row-fluid">
                                <div class="col-md-1">
                                </div>
                                <div class="col-md-11">
                                    <br>
                                    <table>
                                        <tbody>
                                            <tr align="left">
                                                <td><strong>1</strong></td>
                                                <td><i>Banana</i></td>
                                            </tr>
                                            <tr align="left">
                                                <td><strong>2</strong></td>
                                                <td><i>Apple</i></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-lg-2">
                            <div class="input-group input-group-lg">

                                <input id="market'0'.list'0'.made" name="xxx1" value="Fruit1" type="hidden">

                                <input id="market'0'.list'1'.made" name="xxx2" value="Fruit2" type="hidden">
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            
            <div class="links">
            </div>
...